react中export等区别
程序员文章站
2022-07-14 18:26:36
...
本文原创地址链接:http://blog.csdn.net/zhou_xiao_cheng/article/details/52759632
相信很多人都使用过export、export default、import,然而它们到底有什么区别呢?
在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名
的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。
具体使用:
//demo1.js
export const str = 'hello world'
export function f(a){
return a+1
}
对应的导入方式:
//demo2.js
import { str, f } from 'demo1' //也可以分开写两次,导入的时候带花括号
- 2
//demo1.js
export default const str = 'hello world'
对应的导入方式:
//demo2.js
import str from 'demo1' //导入的时候没有花括号
推荐阅读
-
解析php中var_dump,var_export,print_r三个函数的区别
-
vue、react等单页面项目部署到服务器的方法及vue和react的区别
-
PHP 中 var_export、print_r、var_dump 调试中的区别
-
php中var_export与var_dump的区别分析
-
浅谈es6中export和export default的作用及区别
-
js框架中angular、vue、react的三者的区别介绍
-
php中echo()和print()、require()和include()等易混淆函数的区别
-
React中ES5与ES6写法的区别总结
-
react中export等区别
-
ES6中export default 与export区别