useDebounce Hook react

Mehedi Islam Ripon answered on February 8, 2023 Popularity 9/10 Helpfulness 7/10

answer useDebounce Hook react

useDebounce Hook react

Comment

import { useEffect, useState } from 'react'

function useDebounce<T>(value: T, delay?: number): T {
  const [debouncedValue, setDebouncedValue] = useState<T>(value)

  useEffect(() => {
    const timer = setTimeout(() => setDebouncedValue(value), delay || 500)

    return () => {
      clearTimeout(timer)
    }
  }, [value, delay])

  return debouncedValue
}

export default useDebounce

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: hook javascript

Link to this answer
Share Copy Link

Contributed on Feb 08 2023

Mehedi Islam Ripon

0 Answers Avg Quality 2/10

useDebounce Hook react

Contents

More Related Answers

useDebounce Hook react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.