/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

1 vote127 views1 answer
For loop value index react
Javascript React
0 vote123 views1 answer
React native Stack Navigation Prop unused variable
Javascript React
36 votes126 views2 answers
How to install react router dom version 5
Javascript React
8 votes128 views2 answers
React on link click scroll to top
Javascript React
0 vote128 views1 answer
React hooks update parent state from child
Javascript React
0 vote124 views2 answers
Dispay react component after some time
Javascript React
2 votes170 views1 answer
React router 6 navigate
Javascript React
1 vote126 views1 answer
New line in p tag react
Javascript React
0 vote161 views1 answer
Discord bot remove message reaction
Javascript React
0 vote125 views1 answer
Bot react message with custom emoji
Javascript React