[React] export의 의미

DongHyeon Jung·2022년 12월 9일
0

React

목록 보기
15/15
post-thumbnail

export의 의미

언제 export를 사용하고 언제 export default를 사용하는가?

export 란? - 내보내기를 뜻한다

방법 1 - export

export const getAllBooks = () => {
	return 
};

export name 은 여러개를 사용해도 된다
그리고 받아올 때는 반드시 {} 중괄호를 사용해서 받아온다
(단 export class 나 function할 땐 세미콜론을 붙이지 않는다)

import { getAllBooks } from './file.js'

예시

export const a = () => {}

export const b = () => {}

export const c = () => {}

import { a, b, c } from './file.js'

방법 2 - export default

const getBooks = () => {}

export default getBooks

export default는 한 모듈당 반드시 한개만 넣어준다(그렇지 않으면 에러 발생)
그리고 import 를 해야할 땐

import getBooks from './file.js';

이렇게 중괄호{} 를 사용하지 않아도 된다

0개의 댓글