Skip to main content
2 de 2
se eliminaron 3 caracteres en el cuerpo

Estas realizando algunas cosas que son innecesarias al llamar a una API con axios. Una vez que la API te responde, no necesitas volver a especificar await en el data, ya que response trae toda la información sin necesidad de volver a realizar algún request.

Ahora, si necesitas hacer múltiples llamadas dentro de algún ciclo o similar, trabaja con Promise.all, que según la documentación, es una promesa "padre" que se resuelve o rechaza, cuando todas las demás promesas hijas (en este caso, cada llamada por pokémon) son resueltas o rechazadas también.

Por lo que, esto debería funcionar

const fullData = await Promise.all(
   names.map(async name => {
      const info = await axios.get(`https://pokeapi.co/api/v2/pokemon/${name}`)

      return {
         name: info.data.name,
         img: `https://play.pokemonshowdown.com/sprites/xyani/${info.data.name}.gif`,
         tipos: info.data.types.map((type) => type.type.name),
         hp: info.data.stats[0].base_stat,
         attack: info.data.stats[1].base_stat,
         defense: info.data.stats[2].base_stat,
         speed: info.data.stats[5].base_stat,
         id: info.data.id
      }
   }))

names sería el nombre de cada pokémon obtenidos en la primera llamada, y por cada uno vamos recolectando la información dentro de map.

Acá esta el ejemplo completo para que lo puedas revisar.

Nos comentas si es lo que necesitas.