/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 vote121 views1 answer
Salvar no localStorage react
Javascript React
142 votes283 views6 answers
Create-react-app
Javascript React
1 vote119 views1 answer
React construct
Javascript React
1 vote116 views1 answer
Add value to state array react native dispatch
Javascript React
0 vote112 views1 answer
How to create module in react
Javascript React
0 vote119 views1 answer
React native set variable key in loop
Javascript React
0 vote122 views1 answer
Make custom draggable in react
Javascript React
7 votes121 views1 answer
React native touchableopacity disable
Javascript React
0 vote126 views2 answers
TS2307: Cannot find module './archive.svg' jest react
Javascript React
0 vote119 views1 answer
Form.Control textarea react bootstrap
Javascript React