当切换React组件时，控制台警告可能提示需要清理cleanupfunction，这通常由于未及时清除计时器。尽管setTimeout在完成时会自动销毁，但在快速切换场景下也可能需要手动清理。文章提供了一个解决方案，即在useEffect中设置setTimeout和setInterval，并在返回的cleanup函数中清除它们，以避免内存泄漏。
切换组件渲染页面时，控制台提示需要cleanup function，一般造成这种提示的原因是计时器没有及时清除造成的内存泄露。setTimeout在执行完后会自动销毁，不需要手动销毁；setInterval不会自动销毁，需手动销毁。但是在快速切换组件时，使用setTimeout也有可能报上述错误，原因就是计时器销毁不及时，所以需要在页面销毁时，添加手动销毁计时器的代码。
解决方法：
let timerT
let timerL
useEffect(() => {
timerT = setTimeout(() => {
// 操作
}, seconds)
timerL = setInterval(() => {
// 操作
}, seconds)
return () => { // 页面销毁时触发
timerT && clearTimeout(timerT)
timerL && clearInterval(timerL)
}
}, [])
扫一扫
1025
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
