在React开发中,我们可能经常会遇到这个一个警告:
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”
意思为:我们不能在组件销毁后设置state,防止出现内存泄漏的情况
什么是内存泄露
-
程序的运行需要内存。只要程序提出要求,操作系统或者运行时(runtime)就必须供给内存。
-
对于持续运行的服务进程(daemon),必须及时释放不再用到的内存。否则,内存占用越来越高,轻则影响系统性能,重则导致进程崩溃。
-
不再用到的内存,没有及时释放,就叫做内存泄漏(memory leak)。
JS中的异步操作:
1、定时器都是异步操作
2、事件绑定都是异步操作
3、AJAX中一般我们都采取异步操作(也可以同步)
4、回调函数可以理解为异步(不是严谨的异步操作)
意思为:我们不能在组件销毁后设置state,防止出现内存泄漏的情况
分析出现问题的原因:
我这里在组件加载完成的钩子函数里调用了一个EventBus的异步方法,如果监听到异步方法,则会更新state中isShowNav的值。
解决方法
我们应该在组件销毁的时候将异步方法撤销
this.setState = (state, callback) => {
return;
};
https://blog.csdn.net/weixin_34273479/article/details/91466230