/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 vote156 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
0 vote174 views1 answer
Camera roll react native
Javascript React
1 vote177 views1 answer
External script in react
Javascript React
3 votes211 views1 answer
Showing an image in react js
Javascript React
6 votes255 views2 answers
React native spinner
Javascript React
0 vote177 views1 answer
React native update state object inside object
Javascript React
0 vote169 views1 answer
React native firebase community template
Javascript React
1 vote175 views2 answers
Reset form input react
Javascript React
19 votes239 views6 answers
Convert svg to react component
Javascript React
24 votes197 views6 answers
Proptypes react
Javascript React