/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 vote303 views2 answers
How to connect react to backend
Javascript React
1 vote286 views3 answers
Add react to existing project
Javascript React
0 vote321 views1 answer
Horizontal scrollview in react js
Javascript React
0 vote319 views1 answer
Ab mob react native expo
Javascript React
13 votes305 views1 answer
Reactjs useState() hook
Javascript React
0 vote301 views1 answer
React bootstrap make col disapear in small screens
Javascript React
0 vote329 views1 answer
React router dom v6 active link
Javascript React
0 vote305 views1 answer
React native star rating component
Javascript React
0 vote296 views1 answer
Standalone form inside reactive form
Javascript React
1 vote293 views1 answer
Deploy react to aws
Javascript React