Question

我正在使用一个使用axios的函数。我希望能够调用此函数并获取我想要返回的数组。不幸的是我回来了。我不知道我是否只是错误地返回它，或者是否与axios需要时间进行api通话有关。

这是我的代码：

const filterItemsByRadius = (userRadius, items) => {
  axios
    .get('http://ip-api.com/json')
    .then(response => {
      const data = [];

      const { lat, lon } = response.data;
      items.map(item => {
        let itemGeolocation;
        if (item.geolocation) {
          itemGeolocation = item.geolocation.coords;
        }

        const currentLocation = {
          latitude: lat,
          longitude: lon,
        };
        const distanceArr = geolib.orderByDistance(currentLocation, [itemGeolocation]);
        const miles = (distanceArr[0].distance / 1609.34).toFixed(2);
        if (miles <= userRadius) {
          data.push(item);
          return data;
        }
      });
    })
    .catch(err => {
      console.log(err);
    });
};

如果我这样调用此函数并将其注销：

console.log(filterItemsByRadius(userRadius, items));

然后我会得到不确定的。我已经注销了我要返回的数据，它是一个包含正确信息的数组，因此我必须对我返回的方式做错了。

Answer 1

该函数返回一个promise。你可以这样称呼它：

filterItemsByRadius(userRadius, items).then(resp => {
   console.log(resp);
});

您现在可以在控制台中看到结果了。

Axios函数不会使用js返回任何值

1 个答案: