useDebounceFn

A hook that deal with the debounced function.

Code demonstration

API

const {
  run,
  cancel,
  flush
} = useDebounceFn(
  fn: (...args: any[]) => any,
  options?: Options
);

Params

Property	Description	Type	Default
fn	The function to debounce.	(...args: any[]) => any	-
options	Config for the debounce behaviors.	Options	-

Options

Property	Description	Type	Default
wait	The number of milliseconds to delay.	number|Ref<number>	1000
leading	Specify invoking on the leading edge of the timeout.	boolean|Ref<boolean>	false
trailing	Specify invoking on the trailing edge of the timeout.	boolean|Ref<boolean>	true
maxWait	The maximum time func is allowed to be delayed before it’s invoked.	number|Ref<number>	-

Result

Property	Description	Type
run	Invode and pass parameters to fn.	(...args: any[]) => any
cancel	Cancel the invocation of currently debounced function.	() => void
flush	Immediately invoke currently debounced function.	() => void

Remark

• options.wait support dynamic changes.
• options.leading support dynamic changes.
• options.trailing support dynamic changes.
• options.maxWait support dynamic changes.

Source

Source · Document · Demo