函数式组件和类组件的区别

#函数式组件和类组件的区别 1. 语法上的区别: 函数式组件是一个纯函数,它是需要接受props参数并且返回一个React元素就可以了。 类组件是需要继承React.Component,而且class组件需要创建render并且返回React元素, 语法上来讲更复杂。

2. 调用方式
函数式组件可以直接调用,返回一个新的React元素;
类组件在调用时是需要创建一个实例的,然后通过调用实例里的render方法来返回一个React元素。
​
3. 状态管理(state)
函数式组件没有状态管理,类组件有状态管理。
​
4. 使用场景
类组件没有具体的要求。
函数式组件一般是用在大型项目中来分割大组件(函数式组件不用创建实例,所有更高效),
一般情况下能用函数式组件就不用类组件,提升效率。

组件的状态(state)和属性(props)之间有何不同

State 是一种数据结构,用于组件挂载时所需数据的默认值。
State 可能会随着时间的推移而发生突变,但多数时候是作为用户事件行为的结果。
Props(properties 的简写)则是组件的配置。
props 由父组件传递给子组件,并且就子组件而言,props 是不可变的(immutable)。
组件不能改变自身 的 props,但是可以把其子组件的 props 放在一起(统一管理)。
Props 也不仅仅是数据–回调函数也可以通过 props 传递。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱敲码的老余

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值