/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 vote227 views1 answer
React break out of useeffect
Javascript React
3 votes241 views5 answers
React date range picker
Javascript React
1 vote255 views2 answers
Adding more than one class react
Javascript React
0 vote247 views1 answer
React cam filters
Javascript React
142 votes341 views6 answers
Create-react-app
Javascript React
1 vote263 views1 answer
Get current platform react native
Javascript React
0 vote275 views1 answer
React native kesatore
Javascript React
0 vote253 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
0 vote200 views0 answer
React
Javascript React
5 votes297 views2 answers
Import fa icons react
Javascript React