类组件与函数组件的区别 react中class创建的组件与function创建的组件有什么区别

本文详细介绍了React中有状态组件和无状态组件的区别。有状态组件使用class关键字创建,具备state和生命周期函数,而无状态组件用function创建,仅包含props,不维护内部状态。无状态组件由于缺乏state和生命周期,运行效率相对较高。props的数据由外部传递,只读不可修改,而state中的数据是组件私有并可读写。
摘要由CSDN通过智能技术生成
  1. 使用 class 关键字创建的组件叫有状态组件,有自己的私有数据和生命周期函数;
  2. 使用 function 创建的组件叫无状态组件,只有 props , 没有自己的私有数据和生命周期函数。
  3. 区别:
有状态组件和无状态组件的本质区别就是:有无 state 属性,有无生命周期函数;
	1.无状态组件,由于没有自己的state和生命周期函数,所以运行效率会比有状态组件稍微高一点
	2. 组件中的 props 和 state/data 之间的区别
		props 中的数据都是外界传递过来的
		state/data 中的数据,都是组件私有的;(通过Ajax获取回来的数据,一般都是私有数据)
		props 中的数据都是只读的;不能重新赋值;
		state/data 中的数据,都是可读可写的。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值