React里 export 和 export default 区别

简介: export 和 export default 区别

相同点

export 和 export default 都是es6语法中用来导出组件的

可以导出的文档类型有( 数据、常量、函数、js文件、模块等)

不同点

export 导出内容时必须注意当前模块

文件中可以有多个 export 并且export 可以一次导出多个,

exportclassComextendsComponent{
render() {
return (
<div><h1>这是头部</h1></div>      )
  }
}
exportconststr='我是要被导出的str'// import 引入方式  import { Com , str } // 引入时需要解构出来 可以解构多个 用 , 号隔开 


export default 不必注意当前文件内容

export default 每次只能导出一个 ,每个文件里只有一个export default

functionfn (){
console.log('我是fn函数')
}
exportdefaultfn//exprot default  导出时不会去关注 文件内容  只要名称对应即可//export 必须写在 文件最后;// 引入方式importfnfrom'../'
相关文章
|
9天前
|
移动开发 前端开发 API
React路由和HTML5 History API有什么区别
【8月更文挑战第11天】React路由和HTML5 History API有什么区别
18 1
|
11天前
|
前端开发 JavaScript 开发者
React组件与JSX之间的区别是什么
【8月更文挑战第9天】 React组件与JSX之间的区别是什么
30 4
|
13天前
|
前端开发 JavaScript API
React 与 React Native 的主要区别
【8月更文挑战第7天】 React 与 React Native 的主要区别
32 3
|
2月前
|
JavaScript 算法 前端开发
vue和react的diff算法的区别
vue和react的diff算法的区别
|
2月前
|
JavaScript 前端开发
react的参数值和Vue的参数值有什么区别
react的参数值和Vue的参数值有什么区别
|
2月前
|
XML JavaScript 前端开发
vue和react的区别
vue和react的区别
26 0
|
2月前
|
XML JavaScript 前端开发
Vue和React的区别
Vue和React的区别
|
3月前
|
前端开发 JavaScript API
Vue.Draggable 和 React Beautiful DND 有什么区别
Vue.Draggable 和 React Beautiful DND 是两个用于 Vue.js 和 React 的拖拽排序库。Vue.Draggable 提供 Vue 指令,适合 Vue 应用,支持列表排序和自定义数据处理,具有多种事件回调和配置选项。React Beautiful DND 则为 React 提供组件,能处理复杂拖拽场景,通过回调函数更新状态,配置选项包括限制拖拽范围和自定义动画。
|
3月前
|
前端开发 JavaScript 开发者
React的函数组件与类组件:探索两者之间的区别
【4月更文挑战第25天】React提供函数组件和类组件,两者在语法、状态管理、生命周期和性能优化上有所不同。函数组件简单且易于理解,使用 Hooks 可添加状态管理;类组件支持复杂状态管理和生命周期方法,适用于需要精细控制更新的场景。随着 Hooks 的发展,函数组件功能增强,成为更多开发者的首选。选择组件类型应根据实际需求权衡。
|
3月前
|
JavaScript 前端开发 算法
vue与react的区别?
vue与react的区别?
27 1

热门文章

最新文章