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都是异步更新的

相关文章
|
1月前
|
前端开发
为什么调用setState而不是直接改变state
为什么调用setState而不是直接改变state
23 0
|
1月前
|
JavaScript
v-model绑定vuex的state
v-model绑定vuex的state
|
8月前
|
存储
React-组件Props和State的区别
React-组件Props和State的区别
34 0
|
16天前
|
存储 前端开发
Prop 和 State 有什么区别
Prop 和 State 有什么区别
|
1月前
setState 和 replaceState 的区别
setState 和 replaceState 的区别
20 2
|
1月前
v-model绑定vuex的state怎么实现?
v-model绑定vuex的state怎么实现?
|
10月前
|
JavaScript
state 和 props 触发更新的生命周期分别有什么区别?
state 和 props 触发更新的生命周期分别有什么区别?
|
1月前
|
前端开发
setState和repalceState的区别
setState和repalceState的区别
22 0
|
1月前
|
前端开发
对比state和props的区别
对比state和props的区别
|
1月前
|
存储 前端开发
react中 state和props的区别
react中 state和props的区别
30 0