Source: https://primereact.org/hooks/usedebounce/

Introducing PrimeReact v11 Alpha 🥁Learn More

• SearchK

• 10.9.7

  • v11(11.0.0)

  • v10(10.9.7)

  • v9(9.6.3)

• HOOK

• API

useDebounce

Delays rapidly changing values to optimize performance.

Import#

---

import { useDebounce } from 'primereact/hooks';
         

Copy

Basic#

---

The value will only be reflected when time between keystrokes is above 400ms.

Debounced Value:

<InputText type="text" value={inputValue} onChange={(e) => setInputValue(e.target.value)} />
<span className="text-xl">
    Debounced Value: <strong>{debouncedValue}</strong>
</span>
         

Copy

• Import

• Basic

PrimeReact 10.9.7 by PrimeTek