useTimeout

useTimeout은 지정된 지연 시간 후에 콜백 함수를 실행하는 리액트 훅이에요. 리액트 생명 주기에 따라 window.setTimeout을 관리하며, 언마운트 시 또는 종속성이 변경될 때 정리가 보장돼요.

인터페이스

function useTimeout(callback: () => void, delay: number = 0): void;

파라미터

• callbackrequired · () => void
  

  지연 후 실행될 함수예요.

• delaynumber
  

  콜백을 실행하기 전에 대기할 시간(밀리초)예요.

반환 값

이 훅은 아무것도 반환하지 않아요.

예시

// 지연 후 제목 업데이트
import { useTimeout } from 'react-simplikit';
import { useState } from 'react';

function Example() {
  const [title, setTitle] = useState('');

  useTimeout(() => {
    setTitle('제품을 검색 중이에요...');
  }, 2000);

  useTimeout(() => {
    setTitle('거의 완료됐어요...');
  }, 4000);

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