在 React JS 中导入 [重复]

Question

有什么区别

import Something from 'react';

和

import {Something} from 'react';

那些花括号是什么意思？

Answer 1

从“反应”导入一些东西;

导入模块的< code >默认导出内容。在这种情况下，导出应该是这样的

＜code＞导出默认常量Something＝function（）｛…｝＜/code＞

从“反应”导入{某物};导入命名导出，例如

导出常量某物=function（）{}

如果您的模块同时具有< code>default和命名导出，您可以在单个like中导入它们。例子

//module A
export default const Something = function(){}
export const SomethingElse = function(){}

然后像这样导入它们

//module B

import Something, { SomethingElse } from 'moduleA';

在前面的例子中，您不必将< code>default作为< code>Something导入，您可以用您想要的任何名称导入它。

从“moduleA”导入A

等于

从'moduleA'导入某物