Class, Function Component

Class Component

import React, {Component} from 'react';

class App extends Component{
render(){
return(

React {this.props.속성명}

);
}
}
export default App;

Function Component

import React from 'react';

function App(props){
return(

React {props.속성명}

)
}
export default App;

import React from 'react';

const App({data}){
return(

React {data}

)
}
export default App;
->return 생략 가능

state, LifeCycle API를 이용하여야 할 때만 Class Component 사용하는 것이 좋다.
이는 속도에 의한 차이이다.