/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

3 votes253 views2 answers
Use onchange with react select
Javascript React
0 vote222 views4 answers
Reactnative sliding image
Javascript React
2 votes217 views5 answers
React native debugger
Javascript React
2 votes220 views2 answers
React material ui media queries
Javascript React
0 vote238 views1 answer
Install react-foundation library in react js
Javascript React
0 vote227 views2 answers
Alert react native
Javascript React
0 vote220 views3 answers
How to serve React JS static files with express JS?
Javascript React
17 votes276 views5 answers
How to make apk react native
Javascript React
0 vote212 views1 answer
Making a react js website project ready for hosting
Javascript React
1 vote235 views1 answer
React admin newrecords.foreach is not a function
Javascript React