더북(TheBook)

4.2.2 초기 상태 설정하기

지금까지 살펴본 바로는 render()에서 상태 데이터를 사용하려면 먼저 상태를 초기화해야 한다. 초기 상태를 설정하려면 React.Component를 사용하는 ES6 클래스의 생성자(constructor)에서 this.state를 선언한다. 반드시 super()에 속성을 전달하여 실행해야 한다. 그렇지 않으면 부모 클래스(React.Component)의 기능을 정상적으로 사용할 수 없다.

class MyFancyComponent extends React.Component {
  constructor(props) {
      super(props)
      this.state = {...}
  }
  render() {
      ...
  }
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.