React异步请求数据出现setState(...): Can only update a mounted or mounting component...

最新推荐文章于 2024-04-29 00:06:35 发布

dengdengda

最新推荐文章于 2024-04-29 00:06:35 发布

阅读量3.3k

点赞数 1

分类专栏： react学习文章标签： react setState 警告

本文链接：https://blog.csdn.net/dengdengda/article/details/77891912

版权

在React应用中，遇到'setState(...): Can only update a mounted or mounting component...'警告，通常是因为异步请求返回的数据尝试更新已被卸载的组件。解决方法是在组件实例中设置一个状态标志，在componentDidMount中设置为true，componentWillUnmount中设置为false。只有当标志位为true时，才执行setState，避免对已卸载组件的操作。

摘要由CSDN通过智能技术生成

Warning: 
setState(...): Can only update a mounted or mounting component. 
This usually means you called setState() on an unmounted component. 
This is a no-op.
Please check the code for the xxx component.

大概意思就是我们可能对一个没有装载的组件执行了setState()操作，在React的官网里有一个解决这个办法的方案，isMounted
原因：

Such situations most commonly occur due to callbacks, 
when a component is waiting for some data and gets unmounted before the data arrives. 
Ideally, any</