/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

2 votes217 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
0 vote221 views2 answers
React arrow function component
Javascript React
0 vote262 views1 answer
Add Navbar to React Redux CRUD App
Javascript React
0 vote230 views1 answer
Detect if user is online react
Javascript React
-2 votes247 views3 answers
React and express
Javascript React
0 vote192 views1 answer
Format react code in visual studio code
Javascript React
0 vote219 views1 answer
Random picture position in react
Javascript React
0 vote270 views1 answer
React router path array
Javascript React
0 vote256 views1 answer
Table like another component in react native
Javascript React
0 vote167 views1 answer
React state scope
Javascript React