[React] 컴포넌트 만들기

js 파일을 만들고 함수를 만들고 export 해주면 간단하게 컴포넌트를 만들 수 있다.

Hello 컴포넌트와 Welcome 컴포넌트를 만들었다.

App.js에서 컴포넌트들을 import하고 html 태그처럼 원하는 위치에 적어주면 된다.

 

World 컴포넌트를 만들고 Hello 컴포넌트 안에서 World 컴포넌트를 import 했다.

이 때 return 안에 div 태그로 묶어주지 않으면 에러가 발생한다.

 

현재 컴포넌트 구조는 다음과 같다.

 

한 컴포넌트를 여러 번 사용하는 것도 가능하다.