/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 vote370 views1 answer
How to place text over image in react
Javascript React
0 vote254 views1 answer
How to set max length of input in react js
Javascript React
4 votes190 views1 answer
How to empty form after submit react
Javascript React
0 vote269 views1 answer
How set default value for react-select
Javascript React
0 vote197 views2 answers
How to add fcc cdn to local react projcet
Javascript React
0 vote182 views1 answer
Placeholder text disappear when click in react
Javascript React
0 vote202 views1 answer
React-select-search useSelect hook
Javascript React
15 votes204 views5 answers
React svg
Javascript React
8 votes201 views3 answers
React latest version
Javascript React
92 votes206 views6 answers
React router dom
Javascript React