本文摘自PHP中文网,作者青灯夜游,侵删。
区别:1、props是传递给组件的(类似于函数的形参),而state是在组件内部被组件自己管理的(类似于在一个函数内声明的变量);2、props是不可以被修改的,state是多变的,可被修改的。
(相关推荐:React视频教程)
开发react组件,我们最常用到的俩个引起组件渲染的可能就是state和props了,那么他们有什么区别呢?
props:
- props:函数组件的props就是函数的入参组件
- 类组件:this.props包含被该组件调用或者定义的props
state:
- 组件中的state包含了随时可能发生变化的数据。
- state是由用户定义,是一个普通的JavaScript对象
区别:
props是传递给组件的(类似于函数的形参),而state是在组件内部被组件自己管理的(类似于在一个函数内声明的变量)
props是不可以被修改的,所有的react组件都必须像纯函数一样保护他们的props不被修改
state是在组件中创建,一般是在constructor中初始化state
- state是多变的,可被修改的。每次setState都是异步更新的
更多编程相关知识,请访问:编程学习课程!!
以上就是React中props与state的区别是什么?的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《React》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者