import React, { Component } from 'react'
export default class Demo extends Component {
state={count:0}
add=()=>{
const {count}=this.state
this.setState({count:count+10},()=>{
console.log(this.state.count);//这里面才能获取最新的count值
}) //状态的更新是异步的,就是改变的count值是异步执行改的
console.log('8行的输出count',this.state.count);//获取不到最新count值,输出是0
//函数式的setState
// this.setState((state,props)=>{//state为状态,props为接收
// console.log(props.x);
// return {count:state.count+1}//函数返回值是这个对象
// })
}
render() {
return (
<div>
<h1>当前求和为:{this.state.count}</h1>
<button onClick={this.add}>点我+1</button>
</div>
)
}
}
setState()执行是同步,改变里面的值是异步,后面函数参数才能获取到最新值
于 2022-03-19 23:22:22 首次发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)