react报错: 切换路由时,上一个组件已卸载,但是它的异步更新状态还没有执行完,所以报错
2020-07-15 06:04
1256 查看
报错: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.
Goole 翻译: 无法在已卸载的组件上执行React状态更新。 这是空操作,但它表明应用程序中发生内存泄漏。 要解决此问题,请在componentWillUnmount方法中取消所有订阅和异步任务。
react项目切换路由的时候, 一直报这个错误,
最后在 点击按钮切换路由的那个页面,加了个卸载生命周期 componentWillUnmount
componentWillUnmount() { this.setState = () => { return; }; };
好了…
相关文章推荐
- WPF:在异步操作中使用CommandManager手动更新Command执行状态(转载)
- react-router(v3)切换页面时不刷新页面,实现显示和隐藏子路由组件
- vue-router 多个路由地址绑定一个组件造成 created 不执行的解决方法
- VUE 同一个组件切换 实现DOM更新
- 小白使用React---子组件的状态变化更新到父组件中
- react 父组件传值给子组件,子组件定义一个变量来接收props值,所传的值在父组件中更改赋值,子组件中如何同步更新
- android中多个fragment切换时如何避免重复执行onCreateView方法,如何保存上一个fragment的状态
- 【WP7进阶】——分享一个可供切换状态的ListBox组件
- react 在componentWillUnmount中卸载异步操作设置状态
- Vue异步组件处理路由组件加载状态的解决方案
- react 子组件更新父组件状态
- React无状态组件更新props时会失去焦点
- 聊聊高并发(四十一)解析java.util.concurrent各个组件(十七) 任务的异步执行和状态控制
- 【WP7进阶】——分享一个可供切换状态的ListBox组件 推荐
- vue-router 多个路由地址绑定一个组件造成 created 不执行的解决方法
- react---react router4.0路由中如何异步动态加载组件,webpack使用require.ensure()生成异步chunk
- 【WP7进阶】——分享一个可供切换状态的ListBox组件
- React 子组件更新父组件状态
- 详解React组件生命周期中挂载、更新和卸载三个阶段
- React第三方组件2(状态管理之Refast的使用②异步修改state)