Skip to main content
se eliminaron 3 caracteres en el cuerpo
Origen Enlace

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.

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

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.

Origen Enlace

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