정리하면 그림 7-1과 같이 내부 상태와 뷰를 동기화하도록 구현하는 것이 가장 좋은 방법이다.

1. render()에서 상태 값을 이용해 엘리먼트를 정의한다.

2. onChage를 이용해서 폼 요소에 발생하는 변경 사항을 감지한다.

3. 이벤트 핸들러에서 내부 상태를 갱신한다.

4. 새로운 값이 상태에 저장되면 새로운 render()가 실행되어 뷰를 갱신한다.

▲ 그림 7-1 폼 요소를 다루는 올바른 방법: 사용자 입력을 이벤트로 전달받아 상태와 뷰를 동기화한다.