我之前在学习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的导出,引入的时候需要加{}!