/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

28 votes134 views1 answer
Semantic ui dropdown value react
Javascript React
0 vote95 views2 answers
React native navigation header Right
Javascript React
0 vote146 views1 answer
React password hashing
Javascript React
103 votes120 views7 answers
How to create react app
Javascript React
2 votes112 views2 answers
React native text get number of lines
Javascript React
1 vote59 views1 answer
How to change the value of state in react
Javascript React
1 vote64 views2 answers
How to not use relative imports in react js
Javascript React
31 votes111 views6 answers
React Sass
Javascript React
0 vote112 views1 answer
How to clear text ibput after message sent react native
Javascript React
1 vote114 views1 answer
Lazy loading pagination react npm
Javascript React