/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 vote171 views1 answer
Remove console messages of react-i18next
Javascript React
0 vote88 views1 answer
React native bootstrap
Javascript React
0 vote163 views1 answer
React native panresponder on click
Javascript React
0 vote151 views1 answer
React-native-safe-area-context
Javascript React
0 vote133 views1 answer
React-native eject not working
Javascript React
0 vote141 views2 answers
Jest simulate toggle switch react native
Javascript React
7 votes144 views5 answers
Resize image react native
Javascript React
0 vote142 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
3 votes135 views1 answer
React cloud foundry nginx 404
Javascript React
1 vote145 views2 answers
React chartjs 2
Javascript React