useDebounceCallback

Function

useDebounceCallback<T>(fn: T, delay: number, options?: DebounceSettings): DebouncedFunc<T>

Custom hook for debouncing a callback function

Type Parameters

Parameter	Type
`T`	(args: any[]) => any

Parameters

Parameter Type Default Notes

Parameter	Type	Default	Notes
`fn`	T		The callback function to be debounced.
`delay`	number	`200`	The delay in milliseconds before the callback is invoked (default is `200` milliseconds).
`options`	DebounceSettings	`defaultDebounceOption`	Options to control the behavior of the debounced function. example: Use dark colors for code blocksCopy `1 2 3 4 5 const Component = (props) => { const handleChange = useDebounceCallback((evt) => { console.log(evt.target.value) }, 200) return <Subcomponent onChange={handleClick} />`

fn

The callback function to be debounced.

delay

number

200

The delay in milliseconds before the callback is invoked (default is 200 milliseconds).

options

DebounceSettings

defaultDebounceOption

Options to control the behavior of the debounced function.

example:

Use dark colors for code blocksCopy
const Component = (props) => {
 const handleChange = useDebounceCallback((evt) => {
    console.log(evt.target.value)
 }, 200)
return <Subcomponent onChange={handleClick} />

Returns

DebouncedFunc<T>