react 函数组件倒计时

使用 useRef 创建一个变量
1.import React, { useState, useEffect, useRef } from 'react';
2.let intervalHandle = useRef();
useEffect(()=>{
        if(visible){
            var t = 10;
            intervalHandle.current = setInterval(() => {
                t--;
                setTime(t)
                if(t<=0){
                    setFlag(false)
                    setTime(0)
                    clearInterval(intervalHandle.current);
                }
              }, 1000);
        }
    },[visible])
3.关闭页面时
setTime(10)
setFlag(true)
clearInterval(intervalHandle.current);