• 목록
• 게시판 리스트 옵션
  • 검색

✅ setState 연속 호출이 안 먹힐 때 의외의 해결법

함수형 업데이트 패턴이 답이다

상태를 연속으로 두 번 바꾸면 이런 문제가 생긴다:

setCount(count + 1);
setCount(count + 1); // 결국 한 번만 증가함

이유는 간단하다.
React는 배치 처리(batch) 때문에
같은 count 값을 기준으로 두 번 업데이트한다.

✅ 해결: 함수형 업데이트 쓰기

setCount(prev => prev + 1);
setCount(prev => prev + 1); // 이제 2번 증가함

prev는 항상 최신 값을 보장하므로
연속 호출에도 정확하게 반영된다.

✔️ 상태가 이전 값에 의존할 땐
무조건 함수형 업데이트를 쓰는 게 안전하다.