Skip to content

Latest commit

 

History

History
27 lines (18 loc) · 707 Bytes

import { }.md

File metadata and controls

27 lines (18 loc) · 707 Bytes

React에서 import할 때 {} 중괄호 유무의 의미

import example1 from './components/example';
import { example2 } from './example';

이 두 코드의 차이점은 무엇일까? 바로 import할 때 {}의 유무가 다르다는 것이다. example 파일 둘 다 내가 직접 만든 파일인데 왜 import할 때 차이가 있을까?

이유는 바로export 방식의 차이가 있기 때문이다.


./components/example

export default example1;

./example

export example2;

export해줄 때 default를 붙이면 중괄호 {} 없이 import하지만,
default없는 것을 import할 때에는 중괄호 안에 담아 해주어야한다.