Access a Component's state

Access a Component's state

 

컴포넌트의 state를 읽기 위해서, 표현식 this.state.name-of-property를 사용해라. 

 

class TodayImFeeling extends React.Component {
  constructor(props) {
    super(props);
    this.state = { mood: 'decent' };
  }

  render() {
    return (
      <h1>
        I'm feeling {this.state.mood}!
      </h1>
    );
  }
}

 

위의 컴포넌트 클래스는 render 함수 안에 있는 state의 property를 읽을 수 있다. 

 

this.props와 같이, 당신은 컴포넌트 클래스의 body의 내부에서 정의된 어떤 property로부터 this.state를 사용할 수 있다.

 

즉,
{this.state}, {this.state.property명}을 통해 state와 property에 접근할 수 있다는 의미!

 

https://www.codecademy.com/courses/react-101/lessons/this-state/exercises/this-setstate

| Codecademy