초기 상태를 설정하면서 다른 로직도 추가할 수 있다. 예를 들어 new Date()를 사용하여 currentTime 값을 설정한다고 하자. toLocaleString()을 사용하면 다음과 같이 사용자의 위치에 맞는 적절한 날짜시간 형식을 보여줄 수 있다(ch04/clock).¹

 

예제 코드 4.2 시계 컴포넌트 클래스의 생성자

class Clock extends React.Component {
    constructor(props) {
        super(props)
        this.state = {currentTime: (new Date()).toLocaleString('en')}
    }
    ...
}

---