reactjs - "import {Something} from somelib"和 "import Something from somelib"React.js 之间的区别

Question

这个问题已经有答案了:

When should I use brackets with imports (2 个回答)

已关闭 5 年前。

我不明白以下之间的区别:

import {Something} from somelib

和

import Something from somelib

在 React.js 中。

有人可以解释一下吗？

Answer 1

使用 ES6 模块时，您有两种类型的导出:

export Something
export default Something

它们之间的区别在于导入它们的方式。如果您有一个包含多个模块的文件，那么为每个模块命名并能够单独导入每个模块是有意义的，而不必导入文件的整个内容。

例如，假设一个文件中有 3 个模块，并将它们导出为 export A;导出B；导出C；。然后，您可以使用大括号导入语法导入其中任何一个。因此导入{A, B}，例如将仅导入模块A和B。

当您想要从文件中导出组件而不是其他内容时，React 中通常使用默认导出语法。通过使用 export default A 导出某些内容，您可以使用 import X from ../file 导入该模块，其中 X 是别名，可以是任何内容(但通常使用相同的名称是为了保持一致性)。

您可以阅读有关 ES6 导入和导出的更多信息 here和here.