/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

0 vote155 views1 answer
How to add icon in react js
Javascript React
0 vote185 views1 answer
How to add abutton component to drawer in react native
Javascript React
24 votes153 views6 answers
Shadow react native
Javascript React
2 votes144 views1 answer
What is virtual dom in react
Javascript React
1 vote160 views1 answer
How to share file from react native
Javascript React
0 vote142 views1 answer
How to filter items in react state
Javascript React
6 votes152 views1 answer
React native loading
Javascript React
1 vote152 views1 answer
How to get the value of textarea in react
Javascript React
0 vote149 views1 answer
React video srcObject
Javascript React
0 vote159 views2 answers
React generate component command
Javascript React