“导出默认值”在JSX中做什么?

我想问最后一句话的意思和作用(导出默认HelloWorld;),但我找不到任何关于它的教程

//hello-world.jsx
从“React”导入React;
类HelloWorld扩展了React.Component{
render(){
返回<p>你好,世界!</p>;
}
}
导出默认HelloWorld;

导出类似导出默认HelloWorld和导入,例如从“React”导入React是ES6模块系统的一部分

模块是一个自包含的单元,可以使用导出将资产公开给其他模块,并使用导入从其他模块获取资产

在代码中:

从“React”导入React;//从React模块获取React对象
类HelloWorld扩展了React.Component{
render(){
返回<p>你好,世界!</p>;
}
}
导出默认HelloWorld;//向其他模块公开HelloWorld组件

ES6中有两种出口:

命名导出-例如导出函数func(){}是名为func的命名导出。可以使用import{exportName}从'module';导入命名模块在这种情况下,导入的名称应与导出的名称相同。要导入示例中的func,您必须从’module’使用import{func}。一个模块中可以有多个命名导出

默认导出-是将从模块导入的值,如果您使用简单的导入语句import X from'module'。X是将在本地指定给变量以包含该值的名称,它不必像原始导出那样命名。只能有一个默认导出

模块可以同时包含命名导出和默认导出,并且可以使用“模块”中的import defaultExport、{namedExport1、namedExport3等..将它们一起导入

发表评论