记录一次使用react设置定时器的方式

记录一次使用react设置定时器的方式

本人初次使用react，直接上代码吧

 const [buttonName,setButtonName]=useState("启动定时");
 const ref = useRef();

  const startTimer=()=>{
    if(buttonName=="启动定时")
    {
      setButtonName("结束定时")
      timer =setInterval(() => {
        console.log('触发了')
        getData();//你的定时器调用的函数，根据需求写吧
      }, 1000)
      ref.current=timer;
      console.log("启动定时")
    }else{
      console.log("结束定时")
      setButtonName("启动定时");
      clearInterval(ref.current);
    }   
  }

   <Button type="primary" onClick={startTimer} style={btnStyle}>{buttonName}</Button>

如此实现点击按钮启动定时器，再单击关闭，循环…