/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 vote235 views1 answer
Onclick start and stop the count react
Javascript React
-1 vote216 views2 answers
For loop in react native
Javascript React
93 votes187 views6 answers
React router dom install
Javascript React
7 votes244 views2 answers
Input type password react native
Javascript React
0 vote243 views1 answer
Opening a link in another tab in react
Javascript React
0 vote241 views1 answer
Appregistry react native
Javascript React
0 vote217 views1 answer
Backgroundcolor react
Javascript React
0 vote202 views1 answer
Most common use cases of portals in react
Javascript React
0 vote183 views3 answers
How to use keyextractor in flatlist react native
Javascript React
136 votes283 views6 answers
Create a react app
Javascript React