Soy nuevo en react y manejos de api. Decidi empezar a hacer una pokedex con una api (Pokeapi) pero resulta que no me reconoce mi .map. Les dejo el codigo:
const url = "https://pokeapi.co/api/v2/pokemon?limit=10&offset=1"
const [poke, setPoke] = useState()
const pokeApi = async () => {
const response = await fetch(url)
console.log(response.statusText)
const responseJSON = await response.json()
setPoke(responseJSON)
}
useEffect(() => {
pokeApi()
}, [])
Acontinuación dejo mi return.
return (
<div>
<h1>Pokedex</h1>
<ul>
{ !poke ? 'Cargando...' :
poke.map( (poke,index)=>{
return <li>{poke.name}</li>
})}
</ul>
</div>
);
Al fijarme en mi localhost aparece el siguiente error:
TypeError: poke.map is not a function
Si necesitan mas información me avisan y edito la consulta!
console.log(responseJSON )
para ver qué contenidos tiene? Justo antes delsetPoke