react 导入中的 as / export和export de
2020-12-16 本文已影响0人
阿羡吖
1、react导入中的 as
import React from 'react ' //只是导入react
import * as React from 'react' //(*===所有),导入所有 并命名为React
import hash as Router from 'react' //导入hash 并命名为Router
export default useStore as useAppStore // 导出useStore 并命名为useAppStore
2、export 和 export default的区别
1、export与export default均可用于导出常量、函数、文件、模块
2、可以在其他文件或者模块中通过import+(常量|函数|文件|模块)名+from+"./地址"的方式,将其导入,以便能够对其进行使用
3、在一个文件或者模块中,export、inport可以有多个,export default仅有一个
4、通过export 方式导出多个内容的时候,在导入时要加{},如果只有一个也可以不解构,export default则不需要。
其实很多时候export 和export default可以实现同样的目的,只是用法有些区别。
使用export default命令,为模块指定默认输出,这样就不需要知道所要加载模块的变量名(也就是说,引入的变量名可以和导出的不一致,只要路径正确即可)。