/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 vote395 views1 answer
Reactbootstrap multiselect
Javascript React
0 vote371 views1 answer
React break out of useeffect
Javascript React
0 vote376 views1 answer
Style react native alert text
Javascript React
0 vote360 views2 answers
React typical
Javascript React
25 votes357 views3 answers
Setting a background Image With React Inline Styles
Javascript React
0 vote293 views1 answer
React state scope
Javascript React
0 vote383 views1 answer
React Native - Trigger Media Scanner
Javascript React
1 vote366 views1 answer
How to set limit in map in react hook
Javascript React
16 votes369 views1 answer
React native loop in render
Javascript React
0 vote408 views1 answer
Testing a function in jest on click react
Javascript React