react 函数式组件 setInterval清除不掉 clearInterval失效

大佬桑

已于 2022-03-31 08:41:35 修改

阅读量3.6k

点赞数 4

分类专栏：日常开发问题总结与反思文章标签： webkit javascript 前端

于 2022-03-31 08:41:07 首次发布

本文链接：https://blog.csdn.net/SSS01233210/article/details/123862241

版权

日常开发问题总结与反思专栏收录该内容

42 篇文章 1 订阅

订阅专栏

追查过程

在组件内声明 {
	timer = null； 
	timer = setInterval(()=>{},seconds); 
	}
的情景;
  1.可以在 clearInterval(timer) 先console一下timer的值，看看是什么
  2.一般清除不掉setInterval的情况是因为每次在清除之前重新走了一遍改组件的js代码，使timer又成了初始值null，再去clearInterval(timer);肯定不会成功了。
解决办法： 再组件外声明 timer = null；（即在 export default ()={}外）
再通俗一点 
	const timer = null;
	export default () => {}