import할 때, { } 유무의 차이점

import React, {Component} from 'react'

위와 같이 import할 때 {}를 써서 가져오는 경우와 그렇지 않은 경우가 있는데

 

이 둘의 차이점은 무엇일까?

 

import방식의 차이이다.

import React from 'react'

위 코드는 default import로 함수나 클래스 정의 시 앞에 export  default, export 등의 키워드를 써주는데 이 때 export default를 써주는 경우 이 처럼 { }없이 import 할 수 있다. 단, 한개만 import가능 하다.

import { Component } from 'react'

위 코드는 member import로 export키워드로 내보낸 컴포넌트는 import시 { }를 사용해 위와 같이 import한다.

member import는  여러개를 동시에 import할 수 있다.

 

 

export할 함수 등이 1개일 경우 default를 주로 사용해주고

2개이상일 때는 member export를 사용해주자

 

 

 

출처:https://hoorooroob.tistory.com/entry/React-React-Naive-TIPS-import-%ED%95%A0-%EB%95%8C-%EB%A5%BC-%EB%84%A3%EA%B3%A0-%EB%B9%BC%EA%B3%A0%EB%8A%94-%EB%AC%B4%EC%8A%A8-%EC%B0%A8%EC%9D%B4-%EC%9D%BC%EA%B9%8C