/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 vote184 views1 answer
Change color react icon
Javascript React
0 vote225 views1 answer
Owl carousel for react
Javascript React
0 vote196 views1 answer
React-select-search useSelect hook
Javascript React
0 vote208 views1 answer
Reactjs function exemple useEffect
Javascript React
0 vote196 views1 answer
Icomoon react native
Javascript React
0 vote233 views1 answer
React native firebase login with facebook
Javascript React
32 votes208 views1 answer
React router command
Javascript React
2 votes192 views1 answer
React select with react hook form cotroller
Javascript React
0 vote212 views1 answer
String contains in react
Javascript React
0 vote203 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React