React学习过程中的小总结--持续更新_react 增删改-优快云博客

本文详细介绍了ES6中export与export default的区别及用法，包括如何在不同文件间导出和导入常量、函数、类等，并提供了具体的代码示例。

我之前在学习React的时候，一方面搜集网上各种视频，一方面也在研究官方文档，也踩了不少坑，这里把原来项目里的小坑大坑都总结一遍，以供自己日后回顾，也算是一种记忆的记录。

1. ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用，但在一个文件或模块中，export、import可以有多个，export default仅有一个。

具体使用：

（1）

//demo1.js


export default class f1 extends ...
export default class f2 extends ...
对应的导入方式：
//demo2.js
import {f1,f2} from "demo1"

//也可以分开导入，两个都要加{}

（2）

//demo1.js

export {f1};

对应导入方式：

//demo2.js

import f1 from "demo1"    //导入时候没有{}

总结：export default classname等同于 export default classname extends from component{},引入的时候都不需要加{},而没有default的导出，引入的时候需要加{}！