/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 vote350 views1 answer
React roter dom npm
Javascript React
1 vote345 views1 answer
Npm react redux logger
Javascript React
1 vote330 views1 answer
Is a good idea to add class in react hooks with document.body.addclasslist
Javascript React
0 vote317 views1 answer
Ng2 validations angular using reactiveforms
Javascript React
0 vote298 views1 answer
Event handling in react documentation
Javascript React
0 vote318 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React
0 vote279 views1 answer
React open url with button
Javascript React
0 vote342 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
0 vote279 views0 answer
React
Javascript React
0 vote318 views1 answer
Key being passed as prop react
Javascript React