Name: Debouncing in React
Rating: 2.6 (3302 reviews)
Author: alamfatima1999

Debouncing in React

npm install lodash.debounce
import debounce from 'lodash.debounce'

const doCityFilter = query => {
  if (!query) return setFilteredCities([])

  const debouncedFilter = debounce(() => {
    console.log('====>', query)
    setFilteredCities(citiesArray.filter(
      city => city.toLowerCase().includes(query.toLowerCase())
    ))
  }, 500)

  debouncedFilter()
}