JSX中的“导出默认值”有什么作用?

JavaScript

Tony阳光

2020-03-11

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

// hello-world.jsx

import React from 'react';

class HelloWorld extends React.Component {
  render() {
    return <p>Hello, world!</p>;
  }
}

export default HelloWorld;

第788篇《JSX中的“导出默认值”有什么作用?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
蛋蛋逆天 2020.03.11

简单来说-

在创建JavaScript模块模块中导出函数,对象或原始值时,将使用export语句以便其他程序与import语句一起使用它们。

这是一个可以清楚了解的链接:MDN Web文档

猪猪小卤蛋 2020.03.11

最简单的理解default export

Export 是ES6的功能,用于导出模块(文件)并在其他模块(文件)中使用。

默认导出:

  1. default export 如果只想从文件(模块)中导出一个对象(变量,函数,类),则为惯例。
  2. 每个文件只能有一个默认导出,但不仅限于一个export
  3. 导入默认的导出对象时,我们也可以对其重命名。

出口或命名出口:

  1. 它用于导出具有相同名称的对象(变量,函数,校准)。

  2. 它用于从一个文件导出多个对象。

  3. 导入另一个文件时,无法重命名该文件,它必须具有用于导出该文件的相同名称。

在React,Vue和许多其他框架中,Export主要用于导出可重用组件以制作基于模块的应用程序。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android