[React] import 중괄호 {} 의 의미는 무엇인가??

import React, { render } from 'react';

 

차이점은, 보내주는 export 방식의 차이

 

예를 들어보면

const a = 1;
const c = 3;
export { a };
export const b = 2;
export default c;

import d, { a, b as e } from './Example';
console.log(a, e, d); // 1, 2, 3

 

default로 선언된 내용은 중괄호 {} 없이 받을 수 있으며 변수명이 달라도 된다.

 

하지만 default로 선언되지 않은 것들은 중괄호 {} 안에서 무조건 보내진 변수명으로 선언!

 

변수명을 바꾸고 싶은 경우에는 as를 이용해서 바꾼다!