/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

1 vote129 views1 answer
Conditional style react native
Javascript React
0 vote134 views1 answer
Stop from from refresching page react
Javascript React
3 votes149 views3 answers
How to manage safearea in both iphone and android in react native
Javascript React
6 votes128 views1 answer
Create bottom navigation bar react native
Javascript React
5 votes144 views2 answers
Remove underline from link i react
Javascript React
0 vote147 views1 answer
Try catch in react native
Javascript React
0 vote125 views2 answers
How to import jquery file in react js
Javascript React
0 vote146 views2 answers
React js http post 500 internal server error
Javascript React
3 votes156 views1 answer
React hooks delete item from array
Javascript React
0 vote146 views1 answer
React roter dom npm
Javascript React