/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 vote329 views1 answer
Npm react-native-async-storage
Javascript React
0 vote370 views1 answer
Tailwind css toggle switch react
Javascript React
0 vote317 views3 answers
Link react router dom
Javascript React
0 vote337 views1 answer
Fcctest cdn reactjs setup
Javascript React
1 vote342 views1 answer
React tostify
Javascript React
0 vote324 views1 answer
React-loader-spinner
Javascript React
23 votes343 views5 answers
USE ICONS IN REACT
Javascript React
20 votes333 views6 answers
Build apk react native
Javascript React
10 votes302 views4 answers
React hooks
Javascript React
6 votes333 views1 answer
Create bottom navigation bar react native
Javascript React