/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 vote197 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
24 votes163 views6 answers
React native navigation
Javascript React
4 votes287 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
0 vote201 views1 answer
React native scrollview full height
Javascript React
0 vote181 views1 answer
React useState vs variable
Javascript React
36 votes197 views2 answers
How to install react router dom version 5
Javascript React
-1 vote216 views1 answer
React_Weather_App
Javascript React
0 vote252 views1 answer
How to upload react js project on server
Javascript React
0 vote199 views2 answers
Hosting react on gh pages
Javascript React
1 vote196 views1 answer
Reactjs javascript is mobile and desktop
Javascript React