javascript – React Hook使用中的异步函数警告效果：useEffect函数必须返回一个清理函数或者什么也没有

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – React Hook使用中的异步函数警告效果：useEffect函数必须返回一个清理函数或者什么也没有，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1212字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试下面的useEffect示例：

useEffect(async () => {
    try {
        const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`);
        const json = await response.json();
        setPosts(json.data.children.map(it => it.data));
    } catch (e) {
        console.error(e);
    }
}, []);

我在我的控制台中收到此警告.但我认为清理对于异步调用是可选的.我不知道为什么我会收到这个警告.链接沙箱的例子. https://codesandbox.io/s/24rj871r0p

解决方法:

我建议看一下Dan Abramov (one of the react creators) answer here：

I think you’re making it more complicated than it needs to be.

export default function Example() { 
    const [data, dataSet] = useState(false)

    async function fetchMyAPI() {
      let response = await fetch('api/data')
      response = await res.json()
      console.log(response);
      dataSet(response)
    }

    useEffect(() => {
      fetchMyAPI();
    }, []);

  return <div>{data}</div>
}

Longer term we’ll discourage this pattern because it encourages race conditions. Such as — anything could happen between your call starts and ends, and you could have gotten new props. Instead, we’ll recommend Suspense for data fetching which will look more like

const response = MyAPIResource.read();

and no effects. But in the meantime you can move the async stuff to a separate function and call it.

内容总结

以上是互联网集市为您收集整理的javascript – React Hook使用中的异步函数警告效果：useEffect函数必须返回一个清理函数或者什么也没有全部内容，希望文章能够帮你解决javascript – React Hook使用中的异步函数警告效果：useEffect函数必须返回一个清理函数或者什么也没有所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---