/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 vote250 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
0 vote316 views1 answer
Button color change loop in react
Javascript React
3 votes256 views1 answer
React on hover reveal
Javascript React
1 vote272 views2 answers
Adding more than one class react
Javascript React
0 vote272 views1 answer
Reacts mos twanted
Javascript React
0 vote322 views1 answer
React unfocus check
Javascript React
0 vote327 views1 answer
Setstate to false after 10 sec react native
Javascript React
0 vote265 views1 answer
How to pass property component in react enzyme
Javascript React
59 votes231 views3 answers
Npm react router dom
Javascript React
0 vote271 views1 answer
Debug react routes
Javascript React