/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 vote136 views1 answer
Ticking clock react js
Javascript React
6 votes93 views2 answers
React native socket io
Javascript React
0 vote132 views1 answer
Create-react-app height issues with flex
Javascript React
1 vote129 views1 answer
Could not find com.yqritc:android-scalablevideoview:1.0.4 react native video
Javascript React
1 vote123 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
0 vote150 views1 answer
React google places auto complete example
Javascript React
18 votes139 views3 answers
How to hide header in react navigation
Javascript React
32 votes145 views1 answer
How to do routes react js
Javascript React
-1 vote118 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
0 vote147 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React