Блог

Я пытаюсь использовать axios для запросов API. Мой код выглядит так.

   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())

 

Здесь я пытаюсь найти конечную точку для некоторого идентификатора. И я получил обещанный результат в console.log.
Я подумал, что должен получить response.data не все обещание. Почему это так?

Редактировать

Все еще получаю все обещание с помощью этого кода 🙁

   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())
 

В своем вопросе вы выходите из функции триггера без использования ключевого слова await, поэтому ожидаемый результат для console.log(триггер()) будет обещанием.

решение

Вам нужно будет дождаться вызова функции триггера, но для того, чтобы использовать вызов ожидания, вам нужно, чтобы он находился внутри асинхронной функции, так как ожидание верхнего уровня еще не поддерживается.вам придется обернуть вызов внутри асинхронной функции и использовать ожидание для разрешения обещания.

проверьте приведенный ниже код, я использовал API Starwars для моделирования вопроса.

 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);
};
 

вот пример кода реакции в stack blitz

Вам нужно await trigger() или нужно .then подождать, пока Обещание разрешится. Кроме того, я бы рекомендовал использовать либо async/await, либо Promise.then (), а не комбинировать их:

 const response =  await axios.get("http://localhost:8000/api/" value.someid);
return response.data;
 

или

 return axios.get("http://localhost:8000/api/" value.someid).then(
  (response) => response.data
);