我想问最后一句话的意思和作用(导出默认HelloWorld；)但我找不到任何关于它的教程.
// hello-world.jsx
import React from 'react';
class HelloWorld extends React.Component {
render() {
return <p>Hello, world!</p>;
}
}
export default HelloWorld;
我想问最后一句话的意思和作用(导出默认HelloWorld；)但我找不到任何关于它的教程.
// hello-world.jsx
import React from 'react';
class HelloWorld extends React.Component {
render() {
return <p>Hello, world!</p>;
}
}
export default HelloWorld;
Export比如export default HelloWorld;和import，比如import React from 'react'是ES6 modules system的一部分.
模块是一个独立的单元，可以使用export向其他模块公开assets资源 ，并使用import从其他模块获取assets资源 .
在代码中:
import React from 'react'; // get the React object from the react module
class HelloWorld extends React.Component {
render() {
return <p>Hello, world!</p>;
}
}
export default HelloWorld; // expose the HelloWorld component to other modules
在ES6中，有两种类型的导出:
Named exports-例如，export function func() {}是名为func的命名导出.可以使用import { exportName } from 'module';.导入命名模块.在这种情况下，导入的名称应与导出的名称相同.要导入示例中的func，必须使用import { func } from 'module';.一个模块中可以有多个命名导出.
Default export-如果使用简单导入语句import X from 'module'，则将从模块导入的值.X是将在本地指定给包含该值的变量的名称，它不必像原始导出那样命名.只能有一个默认导出.
一个模块可以同时包含命名导出和默认导出，并且可以使用import defaultExport, { namedExport1, namedExport3, etc... } from 'module';将它们一起导入.