더북(TheBook)

3.3.3 JSX 내부에서 state 렌더링

 

이제 number 값을 JSX 안에서 렌더링해 보겠습니다. 이를 렌더링하는 방법은 props를 렌더링하는 방법과 비슷합니다.

MyComponent.js 중 render 메서드

  render() {
    return (
      <div>
         <p>안녕하세요, 제 이름은 {this.props.name} 입니다.</p>
         <p>저는 {this.props.age}살 입니다.</p>
         <p>숫자: {this.state.number}</p>
      </div>
    )
  }

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