ComponentWillUnmount生命周期函数

625 阅读1分钟

useEffect实现componentWillUnmount生命周期函数

React应用的时候,在组件中经常用到componentWillUnmount生命周期函数(组件将要被卸载时执行)。比如我们的定时器要清空,避免发生内存泄漏;比如登录状态要取消掉,避免下次进入信息出错。这个生命周期函数是必须的。

componentWillUnmount副作用

useEffect(()=>{
    console.log('useEffect...')
    return ()=>{
        console.log('bye bye')
    }
},[])
return <h2>coolpest8.com</h2>;

增加第二个参数[],如果数组非空,那么就是数组里指定的内容发生改变的时候,就会触发componentWillUnmount生命周期函数,从而达到效率的提升。