constructor() 메서드는 앞의 컴포넌트 클래스에서 React 엘리먼트가 생성되는 시점에 한 번만 호출된다. 이렇게 해서 constructor() 메서드 내에서 한 번만 this.state로 직접 상태를 선언할 수 있다. 이 외의 부분에서는 this.state= ...으로 직접 상태를 선언하지 않도록 해야 한다. 만약 직접 선언하면 의도하지 않은 결과를 낳을 수 있다.
Note
React에서 컴포넌트를 생성하기 위해 사용하는 createClass() 메서드에서는 초기 상태 설정에 getInitialState()를 사용한다. createClass()에 대한 자세한 정보와 ES5로 작성한 예제는 2.2절의 노트 “ES6+/ES2015+와 React”를 살펴보기 바란다.
이렇게 하면 첫 번째 값을 입력해서 보여줄 뿐, 곧 시간이 지나버릴 것이다. 1초만에 말이다. 현재 시각을 알려줄 수 없는 시계가 무슨 쓸모가 있겠는가? 다행히도 React에는 상태를 갱신하는 방법도 있다.