/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

0 vote379 views1 answer
Rich text react renderer
Javascript React
0 vote401 views1 answer
Reactjs function exemple useEffect
Javascript React
0 vote336 views2 answers
Veu js vs angular vs react features
Javascript React
5 votes398 views1 answer
Redirect in netlify react
Javascript React
-1 vote385 views2 answers
For loop in react native
Javascript React
0 vote357 views1 answer
React native scrollbar position issue
Javascript React
0 vote397 views1 answer
How to download json object that come from backend in react
Javascript React
18 votes381 views2 answers
How to store an array in localstorage reactjs
Javascript React
0 vote383 views1 answer
.env not working on react
Javascript React
0 vote377 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React