Hola soy nuevo en React y estoy realizando un proyecto con hooks. El problema se presenta al tratar de recorrer un array que obtengo desde una API (pokeapi). Cuando obtengo la respuesta fetch la guardo a travez de useState. Ahora si quiero mostrar alguna propiedad del objeto no hay problema, pero si quiero recorrer una lista dentro del objeto me lanza el error "Cannot read property 'map' of undefined"
import React, { Fragment, useState, useEffect } from 'react'
import {useParams} from 'react-router-dom'
export default function Pokemon() {
let pokemonName = useParams().name
const [pokemon, setPokemon] = useState([])
useEffect(() => {
const jsonPokemon = async () => {
const pokemonData = await fetch(`https://pokeapi.co/api/v2/pokemon/${pokemonName}`)
const pokemonJson = await pokemonData.json()
setPokemon(pokemonJson)
}
jsonPokemon()
}, [pokemonName])
return (
<Fragment>
<h2>{pokemon.name}</h2>
<h3>{pokemon.id}</h3>
<ul>
{
pokemon.stats.map(value => (
<li>
{value.base_stat}
</li>
))
}
</ul>
</Fragment>
)
}
Un ejemplo del objeto que intento mostrar: https://pokeapi.co/api/v2/pokemon/bulbasaur Especificamente la propiedad stats Gracias