new
App.js import react , { useEffect , useState } from "react" ; import './App.css' ; import Header from "./components/Header" ; import Recipes from "./components/Recipes" ; import Axios from "axios" ; function App () { const [ search , setSearch ] = useState ( "Icecream" ); const [ recipes , setRecipes ] = useState ([]); useEffect (() => { getRecipe (); },[]); const getRecipe = async () => { const res = await Axios . get ( `https://api.edamam.com/search?q=${ search }&app_id=${ APP_ID }&app_key=${ APP_KEY }&from=0&to=3&calories=591-722&health=alcohol-free` ) setRecipes ( res . data . hits ) } ...