/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 vote324 views1 answer
React-scripts not found
Javascript React
0 vote337 views1 answer
Setting up react on visual studio code
Javascript React
15 votes291 views5 answers
Usestate react hook
Javascript React
0 vote348 views1 answer
@tippyjs/react
Javascript React
0 vote329 views3 answers
React js require pasword to have special charaacter
Javascript React
0 vote269 views0 answer
React
Javascript React
16 votes310 views3 answers
Loop in react depending on number
Javascript React
111 votes326 views6 answers
Install bootstrap in react
Javascript React
0 vote324 views1 answer
React native update state object inside object
Javascript React
0 vote317 views1 answer
UseFetch custom hook for React
Javascript React