如何用hook模拟ComponentWillUnmount呢？

Answer 1

阿莱克斯刘 2021-05-10 02:59:01

比如：

componentDidMount() {  
    window.addEventListener('mousemove', () => {})
}

componentWillUnmount() {  
    window.removeEventListener('mousemove', () => {})
}

使用hook需要使用return来处理

useEffect(() => {  
    window.addEventListener('mousemove', () => {});  
    // effect hook的返回等同于调用component unmount
    return () => {    
        window.removeEventListener('mousemove', () => {})
    }
}, [])