您的位置:首页 > Web前端 > React

React学习过程中的小总结--持续更新

2018-01-05 09:26 399 查看
我之前在学习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的导出,引入的时候需要加{}!




                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: