Can't perform a React state update on an unmounted component

在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，防止出现内存泄漏的情况

一般出现情况如下：

this.pwdErrorTimer = setTimeout(() => {
                    this.setState({
                        showPwdError:false
                    })
                }, 1000);

设置了一个timer延迟设置state，然而在延迟的这段时间，组件已经销毁，则造成此类问题

解决方法：

利用生命周期钩子函数：componentWillUnmount

componentWillUnmount(){
        clearTimeout(this.pwdErrorTimer);
        clearTimeout(this.userNameErrorTimer);
    }

在组件卸载前清除timer

 

---

> 随意转载，但请注明出处。倘若略有收获，望不吝点赞