React useDebounce

디바운싱 훅의 사용법을 기억하기 위하여 기록합니다.

import React, { useState, useEffect } from "react";

const useQueryDebounce = (value, delay) => {
  const [debounceValue, setDevounceValue] = useState("");

  useEffect(() => {
    const handler = setTimeout(() => {
      setDevounceValue(value);
    }, delay);

    return () => {
      clearTimeout(handler);
    };
  }, [value, delay]);
  return debounceValue;
};

export default useQueryDebounce;