[React] 2개 이상의 함수/변수 내보내기 (export)

1. 한개의 함수/변수 export 내보내기

보통 export 어떤 함수(코드)나 변수를 다른 파일에서도 쓰고싶을 때 사용한다
내보낼 함수나 변수가 하나인경우 주로 default 를 사용해 export를 한다

const Name="patrick"

export default Name;

export 는 한 파일에 한번만 사용할 수 있으며, 코드 맨 마지막줄에 위치한다

 

2. 두개 이상의 함수/변수 export 내보내기

만약 다른 파일에서 사용하고 싶은 함수나 변수가 두 개 이상이라면, 위 코드에서 default를 빼고 중괄호 { } 를 써준다

const Name="patrick"
const Age="10"

export { Name, Age };

그리고 이 내보낸 값을 다른 파일에서 import 시 중괄호 { } 를 그대로 써주어야한다

import { Name, Age } from "./경로"