react 报错0.chunk.js:449884 Warning: Can‘t perform a React state update on an unmounted component. Thi

原创于 2020-07-17 13:47:10 发布 · 593 阅读

0 ·

CC 4.0 BY-SA版权

React 同时被 2 个专栏收录

7 篇文章

订阅专栏

react项目报错

3 篇文章

订阅专栏

本文探讨了React中组件卸载时可能出现的内存泄漏问题，特别是setTimeout未正确取消导致的setstate操作无效。通过修改componentWillUnmount方法，确保setState变为noop，避免内存泄漏。

0.chunk.js:449884 Warning: 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.

原因：settimeout未运行完，对setstate的属性值没有起作用导致的。

componentDidMount() {
        
        let _this =this;
        let time = 10;
        let timeFun=setInterval(()=>{
            _this.setState({
                time:time--
            })
            // console.log("倒计时",this.state.time);
            if(this.state.time<=0){
                // console.log("清除定时器")
                _this.setState({
                    conStudyShow:false,
                })
                clearInterval(timeFun)
            }
        },1000);
        console.log("结束");
    }

解决方法：

componentWillUnmount() {
        this.setState = ()=>false;
    }