import React 和 import { Component } 语法的区别

Question

比如说，我们在 ES6 中使用 React。我们将 React 和 Component 导入为

import React from 'react'
import { Component } from 'react'

为什么语法不同？我们不能按照下面的规定使用吗？

 import Component from 'react'

原文由 prasad.surase 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这是 import 的 文档。

 import React from 'react'

以上是默认导入。默认导入使用 export default ... 导出。只能有一个默认导出。

 import { Component } from 'react'

但这是一个成员导入（命名为导入）。成员导入使用 export ... 导出。可以有许多成员出口。

您可以使用以下语法导入两者：

 import React, { Component } from 'react';

在 JavaScript 中，默认导入和命名导入是分开的，因此您不能像默认导入那样导入命名导入。下面，将名称 Component 设置为 'react' 包的默认导出（与 React.Component ：

 import Component from 'react';

原文由 Davin Tryon 发布，翻译遵循 CC BY-SA 3.0 许可协议