Trung BìnhReact iconReact

Viết custom hook useDebounce như thế nào?

useDebounce delay việc cập nhật value cho đến khi user ngừng thay đổi trong khoảng thời gian nhất định:

tsx
function useDebounce<T>(value: T, delay: number): T {
  const [debounced, setDebounced] = useState(value)
  useEffect(() => {
    const timer = setTimeout(() => setDebounced(value), delay)
    return () => clearTimeout(timer)
  }, [value, delay])
  return debounced
}

Xem toàn bộ React cùng filter theo level & chủ đề con.

Mở danh sách React