useThrottledCallback
첫 호출은 즉시 실행, 그 뒤 1000ms 안에 들어오는 호출은 그냥 버립니다(leading-edge throttle = debounce-leading). 버튼 연타, 더블클릭, 무한스크롤 트리거처럼 같은 동작이 짧은 시간에 여러 번 일어나면 곤란한 경우 에 사용하세요.
제출 버튼 연타 방지
1000ms 내 추가 클릭은 무시됩니다.
- 버튼 클릭 (raw)
- 0
- 실제 실행된 횟수 (throttle)
- 0
- 마지막 실행 시각
- —
코드 요약
const handleSubmit = useThrottledCallback(() => {
// 첫 클릭은 즉시 실행, 1000ms 동안의 추가 호출은 버려짐
submit();
}, 1000);
<button onClick={handleSubmit}>제출</button>
