react class

Class App extends Component {
	render() {
      return (
        <div className='App'>
          hi
        </div>
      );
    }
 }

app이란 클래스를 만들고 리액트 컴포넌트클래스를 상속해서 새로운 클래스를 만드는 것

렌더라는 메소드를 가지고있다

 

 

props와 state

Class App extends Component {
  constructor(props){
     super(props);
     this.state= {
       subject:{title:'web', sub:'www'}
     }
  }//컴포넌트가 실행될때 렌더보다 먼저 실행되면서 초기화을 담당
	render() {
      return (
        <div className='App'>
          <Subject title={this.state.subject.title}
          sub={this.state.subject.sub}
        </div>
      );
    }
 }

 

 

속성 어트리뷰트