useTimeout
지정된 시간이 지난 후에 콜백 함수를 실행시키는 Hook입니다.
Props
| 이름 | 타입 | 설명 | 기본값 |
|---|---|---|---|
| callback | () => void | 타이머 시간이 되면 실행되는 콜백 함수 | - |
| delay | number | 타이머 시간 (밀리초) | 0 |
Usage
tsx
import { useTimeout } from '@teamsparta/react';
function Example() {
useTimeout({
callback: () => console.log('2초 경과'),
delay: 2000,
});
return <div>타이머 실행 중...</div>;
}주의사항
delay의 기본값은 0입니다.delay가 변경되면 타이머가 재설정됩니다.- unmount 시 자동으로 타이머가 정리됩니다.
- 콜백 함수는 항상 최신 버전이 실행됩니다.
