react Hooks 使用setinterval的一些问题

本文主要是介绍react Hooks 使用setinterval的一些问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

要先在这里道个歉，因为这篇文章是第二次编辑了。第一次理解的不够好，看了浏览器也有几十个，希望别误导了别人；

要看结果直接跳到最后那段代码，这是我的实现方式，应该还有其它的方式

我的博客主要是记录工作中遇到的问题，和学习过程中发现的问题，方便以后遇到类似问题，可以快速的在自己博客中找到解决问题的办法，而不是每次都百度，谷歌找个半天。

场景：用hooks手机验证码一分钟这内只能发一次

代码实现:(由于是公司项目，没有真正源码，这里模拟一个点击倒计时)

import React, {useState} from 'react'
let myInterval = null
const Interval = () => {const [count, setCount] = useState(0)function interval () {myInterval = setInterval(() => {console.log(count) // 这里永远都是0,而且页面虽然没有任何变化,但是这里一直在执行if (count >= 5) {clearInterval(myInterval)return;}setCount(count + 1)}, 1000)}return (<div onClick={interval}>click me to count {count}</div>)
}export default React.memo(Interval)

 

上面的代码是有

这篇关于react Hooks 使用setinterval的一些问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---