React 学习笔记 —— setState 扩展
原创
©著作权归作者所有:来自51CTO博客作者叹之的原创作品,请联系作者获取转载授权,否则将追究法律责任
写法一
- 调用语法:
this.setState(state, [callback])
-
setState
接收的第一个参数,用于描述state
的改变
-
setState
是异步改变 state
的,当 setState
改变 state
并调用 render
更新界面之后,会调用 callback
- 适用于
state
的改变不依赖于原状态
写法二
- 调用语法:
this.setState(updater, [callback])
-
setState
接收的第一个参数为函数,返回值用于描述state
的改变
-
updater
接收 state
, props
作为回调参数
this.setState((state, props)=>{
return {
count: state.count + 1
}
})
-
setState
是异步改变 state
的,当 setState
改变 state
并调用 render
更新界面之后,会调用 callback
- 适用于
state
的状态依赖于原状态