6.1.4 이벤트와 상태 사용하기

이벤트와 함께 상태를 사용하여 이벤트를 처리하고 컴포넌트의 상태를 변경할 수 있다면 사용자 조작과 상호작용하는 UI를 만들 수 있을 것이다. 모든 이벤트를 캡처해서 이벤트에 따라 뷰와 애플리케이션 로직을 변경할 수 있으므로 재미도 있을 것이다. 또한, 외부 코드나 표현이 불필요하므로 더욱 독립적인 컴포넌트를 만들 수 있다.

예를 들어 그림 6-10처럼 0부터 시작하는 카운터가 있는 버튼을 구현해보자. 버튼을 클릭할 때마다 버튼에 있는 숫자가 증가한다(1, 2, 3, …).

▲ 그림 6-10 버튼을 클릭하면 초깃값이 0인 카운터가 증가한다.