useTimeout

window.setTimeout을 편리하게 사용할 수 있는 커스텀 훅 입니다.

delay의 값으로 null을 넣으면 타이머를 중지할 수 있습니다.

Interface

type SetTimeoutParameters = Parameters<typeof setTimeout>;

const useTimeout: (callback: SetTimeoutParameters[0], delay?: SetTimeoutParameters[1]) => void

Usage

import { useTimeout } from '@devgrace/react';

const Example = () => {
  const [number, setNumber] = useState(0);

  useTimeout(() => {
    setNumber(number + 1);
  }, 1000);

  useTimeout(() => {
    setNumber(number + 1);
  }, 2000);

  return <div>{number}</div>;
};