Question

我试图从函数返回数据但没有得到正确的数据

export const getApi = (url) => {
    return fetch(url)
        .then((response) => response.json())
        .then((json) => {
            console.log(json);
        })
}

 {"_U": 0, "_V": 0, "_W": null, "_X": null}

这是我的回答

我在这里打电话

 componentDidMount(){
   const data= getApi(banner)       
   console.log('data',data)       
}

Answer 1

不确定您要在宏伟计划中准确完成什么，但根据代码片段，您需要这样做：

export const getApi = (url) => {
   return fetch(url)
          .then((response) => response.json())
          .then(json => json)

}

然后像这样使用它：

componentDidMount(){
   getApi(banner).then(data => console.log("data", data))   
}

Answer 2

您可以将函数重写为此。它也更具可读性。

export const getApi = async (url) => {
   const response = await fetch(url);
   const json = await response.json();
   console.log(json);
   return json;
}

如何从反应原生的函数返回数据

2 个答案: