React--Hooks实现验证码倒计时

需求：点击获取验证码按钮，在倒计时60s时间内不可以进行其他的操作

代码实现：

import { Button, Input } from 'antd';
import React, { useEffect, useState } from 'react';

let timeChange;

const Btn = () => {
  const [time, setTime] = useState(60);
  const [btnDisabled, setBtnDisabled] = useState(false);
  const [btnContent, setBtnContent] = useState('获取验证码');

  useEffect(() => {
    clearInterval(timeChange);
    return () => clearInterval(timeChange);
  }, []);

  useEffect(() => {
    if (time > 0 && time < 60) {
      setBtnContent(`${time}s后重发`);
    } else {
      clearInterval(timeChange);
      setBtnDisabled(false);
      setTime(60);
      setBtnContent('获取验证码');
    }
  }, [time]);
// 点击验证码按钮
  const getPhoneCaptcha = () => {
  	// 注意，不要使用 setTime(t-1)  闭包问题会导致time一直为59
    timeChange = setInterval(() => setTime(t => --t