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)

 

上面的代码是有