React

OverView

React 구성 요소는 props를 사용하여 서로 통신합니다. 모든 상위 구성 요소는 소품을 제공하여 하위 구성 요소에 일부 정보를 전달할 수 있습니다.

Quic Start

예제

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

class App extends Component {
  //리액트의 Component 클래스를 상속받아서 App컴포넌트를 만듬.
  render() {
    return (
      <div className="App">
        <Subject title="WEB" sub="World wide web!"></Subject>
        <Subject title="React" sub="For UI"></Subject>
        <TOC></TOC>
        <Content></Content>
      </div>
    );
  }
}