ES6 import语句中花括号的用法是什么

Question

我可以看到有两种不同的导入方式

import React from 'react'
import { render } from 'react-dom'

第二个有括号。那么两者之间有什么区别？什么时候应该加上括号？谢谢

Answer 1

那么，是否应该 在方括号中 导入组件之间的区别在于您的方式export。

出口有两种类型

1. 默认导出
2. 命名为出口

组件可以有 一个默认导出，零个或多个命名 导出

如果组件是默认导出，则需要不带括号将其导入，例如

export default App;

导入为

import App from './path/to/App';

命名的出口可能像

export const A = 25;

要么

export {MyComponent};

您可以将其导入为

import {A} from './path/to/A';

要么

import {A as SomeName} from './path/to/A';

如果您的组件有一个默认导出而很少有命名导出，则您甚至可以在导入时将它们混合在一起

import App, {A as SomeName} from './path/to/file';

同样的情况下react和react-dom，React和ReactDOM是default exports分别，而，例如Component是named export在react和render是在一个名为出口react- dom。那就是你要么做的原因

import ReactDOM from 'react-dom';

然后使用

ReactDOM.render()

或像问题中提到的那样使用它。