005.1 react面向组件编程-尊龙官方平台

005.1 react面向组件编程-什么是组件-函数组件

el/2024/3/25 17:31:27

react的组件分为三个部分,其实可以理解为java的对象,props就是java的get、set

1.属性props(一般用于父子组件传值)
2.状态state(当前组件自己的数据)
3.生命周期(啥时候创建,啥时候props改变,啥时候渲染结束等等)

组件就是实现页面局部功能的代码集合,简化页面的复杂度,如果当前程序都是用组件完成的,那么这就是一个组件化的应用。

函数组件

函数组件(也叫无状态组件):

组件也可以有父子关系:

通过props就可以对组件进行数据传递,因此props是组件对外的接口,父组件也可以给子组件传递数据。

注意:无论是函数组件还是类组件,都无法修改自身的props。

也可以传递一个对象

函数组件给props设置默认值

 

 


http://www.ngui.cc/el/5127283.html

相关文章

005.2 react面向组件编程-什么是组件-类组件

react的组件分为三个部分,其实可以理解为java的对象,props就是java的get、set .属性props(一般用于父子组件传值) 2.状态state(当前组件自己的数据) 3.生命周期(啥时候创建,啥时候props改变,啥…

006 state(状态)

react中我们关心的是数据,当数据发生改变,页面就会自动花生改变。 状态(state)等同于页面中的数据,状态(数据)发生该变,页面中对应的数据绑定内容就会被react自动进行改变。类似于v…
网站地图