javascript – 导入时Fetch返回undefined

我有一个从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,ecmascript-6,reactjs,fetch-api
来源： https://codeday.me/bug/20190722/1499980.html