/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 vote202 views1 answer
Onclick on fragment react
Javascript React
2 votes198 views3 answers
React cdn link
Javascript React
0 vote224 views1 answer
How to use two text fields in one single row react js
Javascript React
0 vote211 views1 answer
My env.local file not working in my react app usind mac
Javascript React
0 vote203 views1 answer
React native webview postmessage example
Javascript React
0 vote227 views1 answer
How to console log in react native
Javascript React
6 votes219 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React
0 vote154 views1 answer
React native cross out letter
Javascript React
0 vote193 views1 answer
Altenrive for react native
Javascript React
1 vote195 views1 answer
React-native razorpay
Javascript React