javascript用import导入模块时，花括号和没有花括号一条语句时什么意思啊？

Question

import React, { Component } from 'react';

看过教程，如果单独的没有花括号或者有花括号都知道，这样混合的搞不清楚了

Answer 1

就是目标文件里面 有一个默认导出 还有很多其他导出, 这种写法就是两种都接一下

例子

// test.js
export default 'AAA';
export const name = 'my name is CC';

// main.js
import A, { name } from './test';

console.log(A, name); // 'AAA', 'my name is C'

Answer 2

react模块内部大概是这样的

const React = 'xxx';

export {
    Component: React.Component,
}

export default React;