목록2025/06/23 (1)
영원히 흘러가는 강
React에서 버튼 클릭 중복 요청 방지하는 방법 (유저 액션 중복 요청 방지)
요즘 인터넷 속도도 빠르고 네트워크 환경도 워낙 좋아서, , fetch 요청이 발생해도 체감되는 딜레이가 거의 없다.그래서인지 가끔씩 까먹고 구현을 하지 않는 경우가 있는데 최근 react-hook-form을 사용하면서 이런 상황을 마주했고,그리하여 유저의 액션 레벨에서 중복 요청을 막는 방법에 대해 작성을 해보려한다. 1. 일반 useState로 간단히 구성 ✅ 단순한 요청에 적합하고 , 쉽게 제어 가능하다. ❌ 로직이 복잡해질 가능성이 크다.const [isPending, setIsPending] = useState(false);const handleClickSubmit = async () => { if (isPending) return; setIsPending(true); try { a..
카테고리 없음
2025. 6. 23. 13:26