/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 vote198 views1 answer
React big calendar event color
Javascript React
0 vote201 views2 answers
React router dom link same page with different param
Javascript React
0 vote192 views1 answer
React-data-table-component cell action
Javascript React
0 vote184 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
2 votes189 views4 answers
React-hook-form-input npm
Javascript React
0 vote193 views2 answers
Sending props via navigate() of react router v6
Javascript React
0 vote189 views1 answer
Use of undeclared identifier 'gmsservices' react native
Javascript React
0 vote192 views1 answer
React native passing params to nested navigators
Javascript React
0 vote183 views2 answers
Hosting react on gh pages
Javascript React
0 vote186 views1 answer
How to write unit test cases in react js
Javascript React