javascript - ReactJS:如何修复 TypeError:数据不可迭代

Question

我有两个应用程序同时运行。第一个是从 vessel-finder 获取 API 并仅查找特定数量的船只。第二个应用程序是用户界面，用于可视化获取的数据，特别是船只的纬度和经度。

我遇到的问题是，提取似乎正确到达终点，但会引发 TypeError: data is not iterable 错误，如 here 上所示终端。

看来问题可能出在 API 获取上。下面是我使用的代码:

router.get('/hello', async function(req, res, next) {
    try {
        const { data } = await axios.get(
            'https://api.vesselfinder.com/vesselslist?userkey=KEY'
        );
        const [ metaData, ships ] = data;
        console.log(data);
        res.send(data);
    } catch (error) {
        res.send(error);
        console.log(error);
    }
});

module.exports = router;

在调查可能出现的问题时，我遇到了 this source，它也使用 axios 来调用 API。我现在想知道我所做的获取是否基本上不完整，因此，数据不可迭代...同样从 this post 开始，我能够使用阻止我编译的 try-catch block 来处理丢失的 Promise。

问题是否是由于我缺少 axios.get('API call').then.setState 指令造成的？如果是这样，我该如何解决这个问题？

非常感谢您为解决这个问题指明了正确的方向。

Answer 1

请注意代码中的这一行 -

 const [ metaData, ships ] = data;

在两个对象之间或两个数组之间执行对象解构。您正在数组和对象之间进行尝试，这是一个缺陷。更多详情请查看https://javascript.info/destructuring-assignment#object-destructuring