小编典典

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

reactjs

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

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

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


阅读 393

收藏
2020-07-22

共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';

同样的情况下reactreact-domReactReactDOMdefault exports分别,而,例如Componentnamed exportreactrender是在一个名为出口react- dom。那就是你要么做的原因

import ReactDOM from 'react-dom';

然后使用

ReactDOM.render()

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

2020-07-22