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