/Javascript/React/How to add debounce in react redux js

How to add debounce in react redux js

function SearchInput() {
  const [realTimeValue, setRealTimeValue] = useState('');

  const debouncedValue = useDebouncedValue(realTimeValue, 500); // this value will pick real time value, but will change it's result only when it's seattled for 500ms

  useEffect(() => {
    // this effect will be called on seattled values
    api.fetchSearchResults(debouncedValue);
  }, [debouncedValue])

  return <input onChange={event => setRealTimeValue(event.target.value)} />
}

Source: stackoverflow.com

Similar codes

5 votes359 views2 answers
Code splitting react
Javascript React
0 vote396 views1 answer
React chunk file too large
Javascript React
32 votes341 views6 answers
Font awesome react
Javascript React
0 vote343 views1 answer
Automatic Slideshow in react js
Javascript React
0 vote340 views1 answer
Window.location.search get parameters react
Javascript React
0 vote337 views1 answer
Add React Router to React Redux CRUD App
Javascript React
4 votes340 views1 answer
How to empty form after submit in react
Javascript React
0 vote359 views1 answer
Basic react code
Javascript React
5 votes352 views3 answers
React router lazy load
Javascript React
3 votes350 views1 answer
Navigation react pass props
Javascript React