/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 vote367 views1 answer
Show modal by using id in list react
Javascript React
16 votes308 views2 answers
Where to put background images in react app
Javascript React
0 vote304 views2 answers
Mqtt js react-native
Javascript React
0 vote281 views1 answer
Drawer navigation set width react native
Javascript React
7 votes356 views3 answers
Conditional style prop react
Javascript React
0 vote307 views1 answer
React-big-calendar styling
Javascript React
0 vote302 views2 answers
React native how to delete android build
Javascript React
0 vote338 views1 answer
React native undedined map
Javascript React
0 vote301 views1 answer
How to empty input field in react
Javascript React
4 votes323 views2 answers
Get request react
Javascript React