React-防止内存泄漏处理

在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