Perform debounce in React.js

Question

How do you perform debounce in React.js?

I want to debounce the handleOnChange.

I tried with debounce(this.handleOnChange, 200) but it doesn\'t

Answer 1

A nice and clean solution, that doesn't require any external dependencies:

Debouncing with React Hooks

It uses a custom plus the useEffect React hooks and the setTimeout / clearTimeout method.