/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

140 votes986 views5 answers
React js installation
Javascript React
-2 votes216 views1 answer
How to hide keyboard in react native
Javascript React
0 vote216 views1 answer
React native skeleton
Javascript React
0 vote200 views1 answer
Gradlew command not found react native
Javascript React
1 vote245 views2 answers
Deploy create react app pm2
Javascript React
0 vote232 views1 answer
Reactjs lifecycle class components
Javascript React
20 votes220 views2 answers
React localstorage
Javascript React
1 vote196 views1 answer
Spread operator react array
Javascript React
1 vote219 views1 answer
Can't type in react input text field
Javascript React
3 votes217 views1 answer
React native run on device command line
Javascript React