React 상태가 갱신됐는데 화면이 바뀌지 않아요
React 상태를 이전 렌더링 값으로 계산하거나 객체를 직접 변경해 화면과 저장 결과가 달라질 때 확인하는 가이드입니다.
빠른 답변
상태 변수는 렌더링 시점의 스냅샷입니다. 이전 값에 의존한 갱신은 함수형 업데이트로 비교하고, 객체·배열은 새 참조로 교체해야 합니다.
- 적용 범위
- 이 가이드의 시작 증상과 각 분기 조건이 일치하는 경우문맥: 바이브 코딩
- 출처
- React
- 출처 확인일
- 2026-08-04
- 최종 검토
- 2026-08-04
- 수정일
- 2026-08-04
- 정정 이력
- 2026-07-29 이후 기록 없음
- 대상
- 사이트 운영자, 웹 에이전시, 프리랜서
이 가이드가 맞는 경우
- 화면 동작 오류
- 데이터 무결성 위험
상황별 다음 단계
호스팅사·개발자에게 전달할 내용
변경 전 기록
- 이벤트 입력, 기대한 값, 실제 화면·저장 결과를 비교해 기록합니다.
- 토큰·쿠키·개인정보는 전달하지 않습니다.
알아둘 점
확인 순서
- 이벤트 한 번에 기대한 변경 횟수와 실제 결과를 기록합니다.
setState(current + value)처럼 현재 렌더링 값을 직접 사용하는지 확인합니다.- 객체·배열을 직접 수정한 뒤 같은 참조를 다시 전달하는지 확인합니다.
- 이전 상태에 의존한 갱신은 함수형 업데이트로 바꾼 테스트와 결과를 비교합니다.
상태 변경 직후의 변수값을 서버 저장의 근거로 사용하지 말고, 다음 렌더링 또는 서버 응답을 기준으로 처리하십시오.
참고 자료
State as a Snapshot | React (새 창에서 열림)
React · 공식 자료 · 확인 범위: 상태 변수는 렌더링 시점의 스냅샷이며 같은 이벤트 핸들러 안에서 즉시 변경되지 않습니다. · 확인일: 2026-08-04