/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 vote361 views1 answer
React app link description preview
Javascript React
0 vote354 views2 answers
Write data in props.histroy.push in react component
Javascript React
22 votes351 views3 answers
How to define array in react js
Javascript React
0 vote359 views1 answer
Bottom shadow in react native
Javascript React
0 vote365 views1 answer
HandleClickoutside custom hook react
Javascript React
0 vote373 views1 answer
Why is this undefined in react
Javascript React
3 votes377 views2 answers
React get route path
Javascript React
0 vote379 views1 answer
What difference between react func and class components
Javascript React
0 vote356 views1 answer
React tooltip on disabled button
Javascript React
0 vote358 views1 answer
React native button top right
Javascript React