React 이벤트는 사용자 행동을 상태 변화로 연결한다
클릭이나 입력 이벤트는 handler로 들어오고, handler는 필요한 값을 읽어 state 업데이트를 예약한다.
User
click/input
브라우저 이벤트 발생
Handler
onClick/onChange
필요한 값 읽기
setState
업데이트 예약
다음 렌더 준비
Render
새 화면
상태 변화 반영
구간
맡는 일
실수
이벤트 prop
함수 전달
즉시 호출해버림
handler
값 계산
DOM 직접 변경
state update
화면 변화 요청
state 직접 대입
render
UI 반영
부수효과 섞기