useDebounceFn
A hook that deal with the debounced function.
Code demonstration
API
const {
run,
cancel,
flush
} = useDebounceFn(
fn: (...args: any[]) => any,
options?: Options
);
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 | 1000 |
| leading | Specify invoking on the leading edge of the timeout. | boolean | false |
| trailing | Specify invoking on the trailing edge of the timeout. | boolean | true |
| maxWait | The maximum time func is allowed to be delayed before it’s invoked. | 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 |