Breaking News: Grepper is joining You.com. Read the official announcement!

how to add debounce in react redux js

Uptight Unicorn answered on March 11, 2021 Popularity 7/10 Helpfulness 3/10

answer how to add debounce in react redux js

how to add debounce in react redux js

Comment

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)} />
}

Popularity 7/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: add debounce javascript react-redux

Link to this answer
Share Copy Link