/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 vote346 views1 answer
Card react native
Javascript React
0 vote369 views1 answer
React import coreui icons
Javascript React
0 vote338 views1 answer
Empty div react
Javascript React
0 vote359 views1 answer
Navigation scroll react
Javascript React
3 votes322 views2 answers
React-native android build apk
Javascript React
2 votes379 views2 answers
How to add query parameter to url reactjs
Javascript React
8 votes332 views3 answers
Change title react
Javascript React
1 vote336 views1 answer
How to use react memo hooks
Javascript React
0 vote318 views1 answer
React break out of useeffect
Javascript React
18 votes310 views6 answers
React native build
Javascript React