/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 vote113 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
9 votes100 views2 answers
Axios react js
Javascript React
7 votes125 views3 answers
React native class component
Javascript React
0 vote112 views1 answer
How to remove console.log from react native app
Javascript React
0 vote115 views1 answer
React bootstrap col not working
Javascript React
0 vote118 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
0 vote110 views1 answer
React native stopwatch
Javascript React
0 vote107 views1 answer
Event handling in react documentation
Javascript React
0 vote116 views2 answers
React js form radio input using hooks
Javascript React
0 vote69 views4 answers
React node sequilize
Javascript React