为什么在React的｛｝中导入useState

Question

在react hook中，我发现import语句使用：从"react"导入｛useState｝；为什么它在useState周围使用｛｝？

Answer 1

使用大括号导入命名模块，也就是说，如果使用以下代码导出：

const myModule = "example exported value";
export { myModule };

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

const myModule = "example exported value";
export default 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/importhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export