Estoy trabajando con React jS y obteniendo datos de pokeapi.
Aquí está la estructura de datos de la API (va al número 5):
stats 0 base_stat effort stat name url 1 base_stat effort stat name urlAquí está mi código:
const minHp = pokemon?.stats[0]?.base_stat * 2 + 110; const maxHp = pokemon?.stats[0]?.base_stat * 2 + 204; <td className='pokemon_stats_table_row_element'> {minHp} </td> <td className='pokemon_stats_table_row_element'> {maxHp} </td>Cuando cargo la página hay un error que dice que 'pokemon.stats is undefined' y no entiendo por qué no funciona porque la ruta es correcta y existente (estoy mostrando otros datos de las 'stats' matriz y funciona bien.
¿Necesita utilizar el encadenamiento opcional ? operador también al indexar en el objeto de stats , porque esa propiedad puede devolver indefinida, como esta:
const minHp = pokemon?.stats?.[0]?.base_stat * 2 + 110; const maxHp = pokemon?.stats?.[0]?.base_stat * 2 + 204;