useThrottledValue

生成节流值的 Hook

代码演示

基本用法

throttledValue:

Live Editor

Copy

function Example() { const [value, setValue] = useState() const throttledValue = useThrottledValue(value, 500) return ( <div> <Input value={value} onChange={(e) => setValue(e.target.value)} /> <p style={{ marginTop: 20 }}>throttledValue: { throttledValue }</p> </div> ) }

function Example() {
  const [value, setValue] = useState()
  const throttledValue = useThrottledValue(value, 500)
  return (
    <div>
      <Input value={value} onChange={(e) => setValue(e.target.value)} />
      <p style={{ marginTop: 20 }}>throttledValue: { throttledValue }</p>
    </div>
  )
}

API

type UseThrottledValue = <T>(value: T, wait: number, options?: Options): T

Options

参数	说明	必选	类型	默认值
leading	指定在延迟开始前调用	-	boolean	true
trailing	指定在延迟结束后调用	-	boolean	true