React import할때 {} 유무

아래 두 방식의 차이는 import 방식의 차이이다.

import React from 'react'
class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

위의 경우 React 객체 안에있는 Component를 React.Component 형식으로 사용했지만.

import React, { Commponent } from 'react'

class Welcome extends Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

아래의 경우  Component 로 바로 가져와 쓸수있다.

MDN 문서의 예시는 다음과 같다.

import defaultExport from "module-name";
import * as name from "module-name";
import { export } from "module-name";
import { export as alias } from "module-name";
import { export1 , export2 } from "module-name";
import { export1 , export2 as alias2 , [...] } from "module-name";
import defaultExport, { export [ , [...] ] } from "module-name";
import defaultExport, * as name from "module-name";
import "module-name";