[REACT] Component를 생성하는 여러가지 방법

[REACT] Component

링크를 클릭하면 Component에 대한 개념을 이해할 수 있습니다.

 

 

이번 포스트에서는 Component를 생성하는 여러 방법에 대해 기술할 예정이다.

 

 

1. 기본

 

function App(){
	return(
    
    )
} // end of App()

export default App;

 

2. 함수 선언과 동시에 생성

 

export default function App(){
	return (
    
    );
} // end of App()

 

3. 생성 후, 변수에 담기

 

const App = () => {
	return (
    
    );
};

export default App;

 

 

4. React.component 상속 받아 생성

 

import React from "react";

class App extends React.Component(
 render(){
 return (
 
 );
 } // end of render
) // end of class

 

개인적인 경험으로는 2번의 방법이 제일 간단한 것 같다는 생각이 든다.