如何用hook模拟ComponentWillUnmount呢？

来源：4-6 【副作用钩子】useEffect 使用指南

慕仰6175686

2021-05-01

写回答

1回答

阿莱克斯刘

2021-05-10

已采纳

比如：

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

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

使用hook需要使用return来处理

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

React18 系统精讲结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发，获取必备技能

2008 学习 · 1024 问题

查看课程

相似问题

关于hoc和hook的应用场景

回答 1

关于react-router-domV6版本，如何在class组件中使用useNavigate钩子

回答 1

自定义hook和普通函数有什么区别

回答 1

关于自定义hook，我怎么感觉这就是函数的封装

回答 1

关于组件销毁的业务处理

回答 1

打开慕课网App查看更多内容