컴포넌트 기초

각 컴포넌트들은 

Component 상속

import React, { Component } from 'react'; //구문 의미 알아보기

class App extends Component{ // Class App은 Class Component 상속받는다.
	render(){ // Class Componet의 render()메서드를 재정의 한다.
    	return(
		<header>
			hi
		</header>
        )
    	
    }
}

export default App; //키워드 의미 알아보기

 

props : element's attribute

<h1>{this.props.title}</h>
...
class App extends Component{
...

	<App title="hello"></App>
...

컴포넌트 제작 - React (opentutorials.org)

컴포넌트 제작 - React

참고 링크 

 

컴포넌트 제작 - React