Estoy tratando de usar axios para solicitudes de API. Mi código se ve así.
const trigger = async () => { for (const [key, value] of Object.entries(data)) { if (value.name == source){ return await axios.get("http://localhost:8000/api/"+value.someid).then( (response) => response.data ); } } } console.log(trigger()) Aquí, estoy tratando de alcanzar un punto final para alguna identificación. Y obtuve el resultado de la promesa en console.log. Pensé que debería obtener la response.data . Los datos no la promesa completa. ¿Por qué es esto?
Sigo recibiendo toda la Promesa con este código :(
const trigger = async () => { for (const [key, value] of Object.entries(data)) { if (value.name == source){ const response = await axios.get("http://localhost:8000/api/"+value.someid); return response.data; } } } console.log(trigger())En su pregunta, está cerrando la sesión de la función de activación sin usar la palabra clave await, por lo que el resultado esperado para console.log (trigger()) sería una promesa.
SOLUCIÓN
Deberá esperar la llamada de la función de activación, pero para usar la llamada de espera deberá estar dentro de una función asíncrona , ya que la espera de nivel superior aún no es compatible. Deberá envolver la llamada dentro de una función asíncrona y use await para resolver la promesa.
verifique el código a continuación, he usado una API de Starwars para simular la pregunta.
const trigger = async () => { let response; for (const [key, value] of Object.entries([1, 2, 3, 4, 5])) { if (value === 2) { console.log('passed'); response = await axios.get(`https://swapi.dev/api/people/${value}`); } } return response; }; const getData = async () => { const response = await trigger(); console.log(response); };aquí está el código de reacción de muestra en stack blitz
Debe esperar a await trigger() o usar .then para esperar a que se resuelva la Promesa. Además, recomendaría usar async/await o Promise.then() y no combinarlos:
const response = await axios.get("http://localhost:8000/api/"+value.someid); return response.data;o
return axios.get("http://localhost:8000/api/"+value.someid).then( (response) => response.data );