3.4.1.2 state를 constructor에서 꺼내기

    앞에서 state의 초깃값을 지정하기 위해 constructor 메서드를 선언해 주었는데요. 또 다른 방식으로도 state의 초깃값을 지정해 줄 수 있습니다.

    코드를 다음과 같이 수정해 보세요.

    Counter.js

    import React, { Component } from 'react';
     
    class Counter extends Component {
      state = {
        number: 0,
        fixedNumber: 0
      };
      render() {
        const { number, fixedNumber } = this.state; // state 조회할 때는 this.state 조회합니다.
        return (...);
      }
    }
     
    export default Counter;

     

    이렇게 하면 constructor 메서드를 선언하지 않고도 state 초깃값을 설정할 수 있습니다. 이 책에서는 앞으로 state를 사용할 때 이 방식을 사용하여 state의 초깃값을 설정하겠습니다.

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.