React中setState方法如何详细改写以实现更复杂的更新逻辑？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1051个文字，预计阅读时间需要5分钟。
setState与数据同步是同步还是异步？setState与数据同步是异步的。如何用代码表现出是异步的？点击按钮更新数据，然后打印这个值，发现setState与数据同步是异步的。
setState跟新数据是同步还是异步？setState跟新数据是异步的。
如何用代码表现出来是异步的。
点击按钮更新数据，然后去打印这个值看一下
setState跟新数据是异步的
class Father extends React.Component{
state = {
num:0
}
addHandler = () => {
this.setState({
num: 100
})
console.log('state中的值',this.state.num)
}
render() {
return (
<div>
<button onClick={this.addHandler}>新增</button>
<p>显示的值 {this.state.num }</p>
</div>
)
}
}
ReactDOM.render(
<Father></Father>,
document.getElementById('root')
)
当我们使用setState更新数据时候，
然后立刻去获取更新后的值，我们发现不是我们更新后的值。
而是更新前的值。
本文共计1051个文字，预计阅读时间需要5分钟。
setState与数据同步是同步还是异步？setState与数据同步是异步的。如何用代码表现出是异步的？点击按钮更新数据，然后打印这个值，发现setState与数据同步是异步的。
setState跟新数据是同步还是异步？setState跟新数据是异步的。
如何用代码表现出来是异步的。
点击按钮更新数据，然后去打印这个值看一下
setState跟新数据是异步的
class Father extends React.Component{
state = {
num:0
}
addHandler = () => {
this.setState({
num: 100
})
console.log('state中的值',this.state.num)
}
render() {
return (
<div>
<button onClick={this.addHandler}>新增</button>
<p>显示的值 {this.state.num }</p>
</div>
)
}
}
ReactDOM.render(
<Father></Father>,
document.getElementById('root')
)
当我们使用setState更新数据时候，
然后立刻去获取更新后的值，我们发现不是我们更新后的值。
而是更新前的值。