/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

32 votes395 views2 answers
How to routing in react js
Javascript React
0 vote381 views1 answer
React hooks link to external site
Javascript React
0 vote373 views1 answer
Too many open files react native
Javascript React
1 vote395 views1 answer
How to install react fullpage using npm
Javascript React
1 vote401 views1 answer
How to call create react app
Javascript React
27 votes363 views6 answers
React usestate
Javascript React
0 vote410 views1 answer
Center child components in react
Javascript React
-1 vote409 views2 answers
React map example leaflets
Javascript React
0 vote396 views1 answer
React live chat widget
Javascript React
0 vote366 views1 answer
Scroll load react
Javascript React