在写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”
解决方法:利用生命周期钩子函数:componentWillUnmount,在组件卸载前清除timer
// 组件加载完毕 启动定时器
settimem: setTimeout(this.iTimer, 3000),
// 定时器
iTimer = () => {
this.setState({
timer: setInterval(() => {
this.postuseinfo(sessionStorage.getItem("huihuaid"));
}, 20000),
});
// 组件清除时清除定时器
componentWillUnmount() {
clearInterval(this.state.timer && this.state.timer);
clearInterval(this.state.settimem && this.state.settimem);
}