javascript - 导入时获取返回未定义

我有一个函数，该函数从url中获取数据并应将其返回:

const fetchTableData = () => {
fetch('https://api.myjson.com/bins/15psn9')
    .then(result => result.json())
    .then(data => {
        return data;
    })
}

export default fetchTableData;

问题是，当我导入此函数并尝试使用它时，它总是返回undefined。

当我在控制台中记录函数本身内部的数据时，您可以看到它可用。当我尝试导入该功能时，该功能不起作用。

这里有什么问题？为什么这样工作？

最佳答案

试试这个=)您还必须从fetchTableData函数返回一些信息。

const fetchTableData = () => {
  const fetchedData = fetch('https://api.myjson.com/bins/15psn9')
    .then(result => result.json())
    .then(data => {
        return data;
    })

    return fetchedData;
}

export default fetchTableData;

或者，您可以像这样返回它:

const fetchTableData = () => {
      return fetch('https://api.myjson.com/bins/15psn9')
        .then(result => result.json())
        .then(data => {
            return data;
        })
    }

    export default fetchTableData;

关于javascript - 导入时获取返回未定义，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53412109/