/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 vote324 views1 answer
Open xcode shorthand react native
Javascript React
0 vote355 views1 answer
Link externo para usar em React
Javascript React
0 vote359 views1 answer
React native create text file
Javascript React
0 vote374 views1 answer
Reactjs npm take photo
Javascript React
1 vote374 views2 answers
Reset form input react
Javascript React
0 vote376 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React
1 vote346 views1 answer
Convert nuber into string react js
Javascript React
2 votes386 views2 answers
React native settimeout
Javascript React
-1 vote368 views5 answers
Context Api in react
Javascript React
0 vote372 views1 answer
React bootstrap font awesome icons
Javascript React