/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 vote242 views1 answer
Exit ios inspector in react native
Javascript React
32 votes262 views6 answers
React copy array
Javascript React
0 vote223 views2 answers
How to add fcc cdn to local react projcet
Javascript React
1 vote200 views1 answer
Tailwincss in react native
Javascript React
0 vote248 views1 answer
React js marked import and use
Javascript React
18 votes236 views6 answers
React native android build
Javascript React
0 vote265 views1 answer
React-select-search useSelect hook
Javascript React
1 vote250 views1 answer
Breakline in react native
Javascript React
6 votes247 views2 answers
React native disable the text input
Javascript React
0 vote242 views1 answer
Onclick on fragment react
Javascript React