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 realizarhacer 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.