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

最新推荐文章于 2021-04-27 13:59:42 发布

原创

最新推荐文章于 2021-04-27 13:59:42 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#react #setState #警告

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

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 callbacks should