/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 vote208 views1 answer
React custom hook refetch data
Javascript React
7 votes221 views4 answers
React history push search params
Javascript React
1 vote223 views1 answer
React native create view dynamically
Javascript React
0 vote219 views6 answers
State functions of react cheatsheet
Javascript React
0 vote337 views1 answer
Provider not found react
Javascript React
1 vote269 views1 answer
React create list of components
Javascript React
22 votes218 views3 answers
How to use if else inside jsx in react
Javascript React
0 vote314 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote216 views1 answer
React native text input right
Javascript React
0 vote239 views1 answer
Install react-foundation library in react js
Javascript React