React) props

react 컴포넌트 (사용자 정의 태그)에 속성 값을 받아

본문의 값으로 사용함으로 컴포넌트를 가변적으로 사용

-> {this.props.속성명}

class Subject extends Component{
  render(){
    return(
      <header>
        <h1>{this.props.title}</h1>
        {this.props.sub}
      </header>
    );
  }
}

class App extends Component {
  render(){
    return (
      <div className="App">
        <Subject title="WEB" sub="world wide web"></Subject>
        <Subject title="React" sub="for ui"></Subject>

      </div>
    );
  }
}