Question

在react hooks中，我发现import语句使用：从'react'导入{useState}；为什么在useState周围使用{}？

Answer 1

您使用花括号导入命名模块，也就是说，是否使用如下代码导出了该模块：

Name            | Solved CodeKata's
-----------------------------------
@Max Mustermann | 4
-----------------------------------
@Suzi Sunshine  | 6
-----------------------------------
@Peter Parker   | 3

如果将模块导出为默认模块，则可以导入不带大括号的模块，即：

const myModule = "example exported value";

export { myModule };

所以回答您的问题。默认React对象作为默认模块导出，其他模块作为命名模块导出。

以下是您自己如何做的一个示例： https://codesandbox.io/s/compassionate-ride-g893e?file=/src/index.js

您可以阅读有关在MDN上的JavaScript中导入和导出模块的更多信息： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

为什么在React中的{}中导入useState

1 个答案: