React警告： Warning: Can‘t perform a React state update on an unmounted component.

最新推荐文章于 2022-12-22 10:08:52 发布

原创最新推荐文章于 2022-12-22 10:08:52 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #前端

react 专栏收录该内容

2 篇文章

订阅专栏

这篇博客探讨了React中遇到的一个警告：组件卸载后尝试更新状态的问题。作者提供了两种解决方法：一是清除定时器以防止在组件卸载后继续执行setState；二是阻止卸载后异步操作尝试调用setState。这两种方法都确保了组件在卸载后不会进行不必要的状态更新，从而避免警告的出现。

React警告： Warning: Can’t perform a React state update on an unmounted component.

这是一个警告，错误原因是不能在组件销毁后设置state。
解决方法：
一、清除所有的定时器

componentDidMount(){
              let timer= setInterval(()=>{
                    let {newsArr}=this.state
                    let content='新闻'+(newsArr.length+1)
                    this.setState({
                        newsArr:[content,...newsArr]
                    })
                },1000)
            }
            close=()=>{
               ReactDOM.unmountComponentAtNode(document.getElementById('test'))
            }
              componentWillUnmount(){
                console.log('将要卸载')
                clearInterval(this.timer)
            }

二、异步执行完成后要执行setState操作时，已经无法获得组件信息，由此造成该异常

  componentWillUnmount(){
                console.log('将要卸载')
                clearInterval(this.timer)
                this.setState = ()=>false
            }