/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 vote358 views4 answers
React node sequilize
Javascript React
3 votes432 views1 answer
React export
Javascript React
1 vote364 views1 answer
Add class to react children
Javascript React
0 vote367 views1 answer
React import json
Javascript React
0 vote362 views1 answer
Get nested value on object react using dot
Javascript React
2 votes373 views1 answer
Vertical align center react native view
Javascript React
0 vote422 views1 answer
Reactstrap search bar
Javascript React
133 votes593 views6 answers
Create react project
Javascript React
-1 vote388 views1 answer
React window navigate
Javascript React
0 vote400 views1 answer
Ng2 validations angular using reactiveforms
Javascript React