/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 vote253 views1 answer
React Cache buster
Javascript React
3 votes194 views1 answer
Latest react version npm
Javascript React
0 vote197 views1 answer
Make a button who disable scrolling down the page react
Javascript React
1 vote163 views1 answer
Ctx in react
Javascript React
4 votes181 views1 answer
How to empty form after submit react
Javascript React
0 vote262 views2 answers
Hosting react on gh pages
Javascript React
31 votes199 views1 answer
React router dom IndexRedirect
Javascript React
0 vote179 views1 answer
Why is necessary to run react-native run
Javascript React
0 vote198 views1 answer
React native local.properties
Javascript React
0 vote196 views1 answer
Stateprovider.js react
Javascript React