[React] 컴포넌트(Component) 생성하기

먼저 React, {Component}를 import 해준다.

 

그 후에 Component를 상속하여 클래스를 생성해주면 된다. 클래스의 이름을 컴포넌트의 이름으로 작성해준다.

 

render() 안에 return 값으로 JSX의 문법에 따라 HTML을 작성해주면 된다. 

 

마지막으로 export를 통해 작성한 컴포넌트를 추출한 뒤 

 

다른 파일에서 import 해주면 해당 컴포넌트를 사용할 수 있다.

 

from의 앞에는 추출했던 이름, from 뒤에는 작성한 컴포넌트 파일의 경로를 입력해주면 된다.