我想问一下最后一句话的意思和作用(导出默认的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;
最简单的理解default export
是
Export
是ES6的功能,用于导出模块(文件)并在其他模块(文件)中使用。
默认导出:
default export
如果只想从文件(模块)中导出一个对象(变量,函数,类),则为惯例。出口或命名出口:
它用于导出具有相同名称的对象(变量,函数,校准)。
它用于从一个文件导出多个对象。
导入另一个文件时,无法重命名该文件,它必须具有用于导出该文件的相同名称。
在React,Vue和许多其他框架中,Export主要用于导出可重用组件以制作基于模块的应用程序。
简单来说-
这是一个可以清楚了解的链接:MDN Web文档