TIL) 리액트 기초, export, import 하는 방법

방법 1.

export default를 써주고 import로 받기

 

예시 - 내보낼 파일

const person = {
	name:'Max'
}

export default person

예시 - 받을 파일 (정확한 이름을 써주지 않아도 된다)

import person from './person.js'

import prs from './person.js'

 

 

방법 2.

export만 써주고 중괄호 써서 import하기. (파일 안에서 정의된 정확한 이름 사용)

 

예시1 - 내보낼 파일

const person = {
	name:'Max'
}

예시1 - 받을 파일

import {person} from './person.js'

---

한 문장으로 작성도 가능하다.

 

예시2 - 내보낼 파일 

export const clean = () => {...}

export const baseData = 10;

 

예시2 - 받을 파일 

import {baseData,clean} from './utility.js'
//or
import {clean,baseData} from './utility.js'

 

---

** 이렇게도 가능! 1

import하는 파일에서 as 키워드를 써서 자유롭게 선택할 수 있는 별칭을 할당할 수 있다. 

import {person as Person} from './person.js'

** 이렇게도 가능! 2

파일에 다수의 export가 있으면 특수문자 *를 사용해서 모든 것을 import 할 수 있다. 

import * as bundled from './person.js'

 

 

😃 잘못된 개념 전달이 있다면 댓글 부탁드립니다. 저의 성장에 큰 도움이 됩니다🤓