在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
---
> 随意转载,但请注明出处。倘若略有收获,望不吝点赞