props和state的区别

简介: props和state的区别

区别

1、props是传递给组件的(类似于函数的形参),而state是在组件内部被组件自己管理的(类似于在一个函数内声明的变量);

2、props是不可以被修改的,state是多变的,可被修改的。

开发react组件,最常用到的两个引起组件渲染的可能就是state和props


props:


props:函数组件的props就是函数的入参组件

类组件:this.props包含被该组件调用或者定义的props

state:


组件中的state包含了随时可能发生变化的数据。

state是由用户定义,是一个普通的JavaScript对象

区别:


props是传递给组件的(类似于函数的形参),而state是在组件内部被组件自己管理的(类似于在一个函数内声明的变量)


props是不可以被修改的,所有的react组件都必须像纯函数一样保护他们的props不被修改


state是在组件中创建,一般是在constructor中初始化state


state是多变的,可被修改的。每次setState都是异步更新的

相关文章
|
2月前
|
存储 监控 JavaScript
Vuex 中 State 的作用
【10月更文挑战第15天】State 是 Vuex 状态管理体系中的核心组成部分,它为应用提供了可靠的数据共享和管理机制,保障了应用的正常运行和良好体验。理解和正确使用 State 是掌握 Vuex 状态管理的关键,对于构建复杂、高效的 Vue 应用具有重要意义。
|
2月前
|
前端开发 开发者
对比state和props的区别?
对比state和props的区别?
|
4月前
|
存储 前端开发
state 和 props 有什么区别?
【8月更文挑战第31天】
46 0
|
4月前
|
存储 前端开发
State 与 Props:详解区别
【8月更文挑战第24天】
52 0
|
4月前
|
存储 前端开发
React 中的 state 和 props 有什么区别?
【8月更文挑战第31天】
56 0
|
6月前
|
存储 前端开发
Prop 和 State 有什么区别
Prop 和 State 有什么区别
|
7月前
v-model绑定vuex的state怎么实现?
v-model绑定vuex的state怎么实现?
|
JavaScript
state 和 props 触发更新的生命周期分别有什么区别?
state 和 props 触发更新的生命周期分别有什么区别?
|
7月前
|
前端开发
setState和repalceState的区别
setState和repalceState的区别
65 0
|
7月前
|
前端开发
对比state和props的区别
对比state和props的区别