/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

4 votes221 views1 answer
React router external link
Javascript React
0 vote230 views1 answer
Use this in a react js component
Javascript React
3 votes209 views1 answer
React arrays
Javascript React
0 vote257 views1 answer
OAuth with axios react native
Javascript React
0 vote200 views1 answer
Npm react animation
Javascript React
0 vote231 views1 answer
Set cors for a react node application socket error
Javascript React
0 vote229 views1 answer
React native get navigation bar height
Javascript React
24 votes162 views6 answers
React native navigation
Javascript React
0 vote201 views1 answer
Strike react native
Javascript React
2 votes209 views1 answer
All react navigation packages
Javascript React