react 点击按钮节流

288 阅读1分钟

function throttle(fn, delay){
    let timer = null;
    let flag = true;
    return function(){
        if(!flag){
            return 
        };
        flag = false;
        timer = setTimeout(()=>{
            fn();
            flag = true;
        }, delay)
    }
}
import reac, {useState, useEffect, useCallback} from 'react';
import { useRef } from 'react';

export default ()=>{
  
    const fetchData=(value)=>{
        console.log('请求数据')
    }
  
   const  throltSave = useCallback(throttle(fetchData, 1300), [])
   const clickBtn =()=>{
         throltSave();
   }
    return <div>

        <button onClick={clickBtn}  >点一点</button>
    </div>
}