rc-hooks
Version:
React Hooks Library.
27 lines (26 loc) • 939 B
JavaScript
import { __read } from "tslib";
import { useState, useEffect } from 'react';
import useDebounceFn from '../useDebounceFn';
/**
* 用来处理防抖值的 Hook。
*
* @param {*} value 需要防抖的值。
* @param {number} [wait=0] 防抖等待时间,单位为毫秒。默认 `0`。
* @param {boolean} [immediate=false] 是否在延迟开始前调用。默认 `false`。
* @returns
* @example
* const [value, setValue] = useState('');
* // 在 value 修改结束 500ms 后变化。
* const debouncedValue = useDebounce(value, 500);
*/
function useDebounce(value, wait, immediate) {
if (wait === void 0) { wait = 0; }
if (immediate === void 0) { immediate = false; }
var _a = __read(useState(value), 2), state = _a[0], setState = _a[1];
var run = useDebounceFn(setState, wait, immediate).run;
useEffect(function () {
run(value);
}, [run, value]);
return state;
}
export default useDebounce;