buenas noches tengo un problema, estoy haciendo una pagina que muestre algunos pokemon, ya hice las peticiones a la pagina pokeApi, y en la consola me devuelve exactamente los valores que quiero, en este caso solo estoy piediendo 5 pokemon, pero al pasarlos al state de React solo se agrega 1, el ultimo, que puede ser? muchas gracias, adjunto mi codigo
const App = () => {
const [img, setImg]=useState([])
const [info, setInfo]=useState([])
useEffect(()=>{
const pokeApi= async()=>{
const url = 'https://pokeapi.co/api/v2/pokemon?limit=5'
const request = await fetch(url)
const result =await request.json()
const results = result.results
results.forEach(p=>(
fetchData(p)
))
}
const fetchData = async (p)=>{
const url = p.url
const request = await fetch(url)
const response = await request.json()
/* console.log(response.sprites['front_default']) */
setImg(response)
setInfo(response)
}
pokeApi()
},[])
return (
<Container>
<Image
img={img}
/>
<PokemonData
info={info}
/>
</Container>
);
}
export default App;