react 函数式组件防抖

最新推荐文章于 2023-07-24 16:32:13 发布

qq_36306693

最新推荐文章于 2023-07-24 16:32:13 发布

阅读量500

点赞数

文章标签： react.js 前端 typescript

本文链接：https://blog.csdn.net/qq_36306693/article/details/122544265

版权

防抖函数实现

export function deBounce (fn: { apply: (arg0: any, arg1: any) => void }, t?: number) {
  let timeId: any = null
  const delay = t || 500
  return function (this: any, ...args: any) {
    if (timeId) {
      clearTimeout(timeId)
    }
    timeId = setTimeout(() => {
      timeId = null
      fn.apply(this, args)
    }, delay)
  }
}

模块内调用

const urlValidate = useCallback(deBounce(async (v, i) => {
    axios({
	    url: `/api/xxxxx`,
	    method: 'POST',
	    data: v,
    }).then(res => {
    	// 接口数据处理
    );
  }, 200), [])