0
129
Visualizações¿Cómo administrar los dependientes asíncronos en espera en ReactJS?
Todavía soy nuevo en ReactJS y tengo problemas para hacer un asyn await con dependencias de otra solicitud en axios.
Necesito obtener una lista de pokemon, esta lista me devuelve el nombre de los pokemon.
Con esta lista de nombres, necesito hacer otra solicitud, donde pasaré este nombre que recibí como parámetro.
Además de pasar el nombre como parámetro, necesito hacer una llamada con axios.get() usando .map() . Porque hay varias llamadas que necesito hacer. ¿Es posible?
Sin embargo, no soy capaz de hacer eso. ¿Puedes decirme qué estoy haciendo mal?
Aquí está mi código que puse en codesandbox.io
import React from "react"; import axios from "axios"; import "./styles.css"; const App = () => { const BASE_URL = "https://pokeapi.co/api/v2"; const getAllPokemons = async () => { const { data } = await axios.get(`${BASE_URL}/pokemon`); // Here is my pokemon list console.log(data); data.results.map((poke) => getPokeType(poke)); }; const getPokeType = async (poke) => { const { data } = await axios.get(`${BASE_URL}/type/${poke.name}`); console.log("data: ", data); }; React.useEffect(() => { getAllPokemons(); }, []); return ( <div className="App"> <h1>Hello CodeSandbox</h1> <h2>Start editing to see some magic happen!</h2> </div> ); }; export default App; 
Muchas gracias por adelantado.
·
Juan Pablo Isaza
Responde à pergunta