컴포넌트 export

export

• 변수, 함수, 클래스 앞에 export 키워드를 붙여서 모듈의 기능을 외부에서 사용할 수 있도록 내보냄

import

• export로 내보낸 모듈을 가져오는 기능 담당

React에서 컴포넌트를 export 하는 방법에는 두 가지가 있다.

 

• export default 문을 사용하는 방법
  
  • import 시 괄호 없이 가져올 수 있음
  • 컴포넌트 이름을 바꿀 수 있음

const MyComponent = () => {
	// 코드 블럭
}

export default MyComponent

 

• export function 문을 사용하는 방법
  • import 시 괄호를 사용해야 가져올 수 있음
  • 컴포넌트 이름을 바꿀 수 없음

export function MyComponent(){
	// 코드 블럭
}