useDebounce
对值进行防抖的React hook
Usage
实时编辑器
function Demo() { const [value, setValue] = useState<string>(""); const debouncedValue = useDebounce(value, 500); return ( <div> <input value={value} onChange={e => setValue(e.target.value)} placeholder="Typed value" style={{ width: 280 }} /> <p style={{ marginTop: 16 }}>DebouncedValue: {debouncedValue}</p> </div> ); };
结果
Loading...
API
useDebounce
Returns
T
Arguments
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
value | 要防抖的值 | T (必填) | - |
wait | 间隔时间 | number | undefined | - |
options | 传递给 lodash.debounce 的选项 | _.DebounceSettings | undefined | - |