码迷,mamicode.com
首页 > 其他好文 > 详细

react setState

时间:2020-02-15 19:12:14      阅读:61      评论:0      收藏:0      [点我收藏+]

标签:resolve   pre   ++   导致   res   情况下   div   函数   ISE   

setState在正常情况下都是异步的更新数据,这样会导致

onClickHandler(){
    this.setState({count : this.state.count ++; });
    console.log(this.state.count)      
}

 setState 更新了state的数据但是clg的时候展示的是上一次更新的数据,解决方式有:

方式一:回调函数

this.setState({ count: this.state.count++} , () =>{ 相关操作 })

方式二:  

<button onClick = { this.onClickHandler.bind(this) }></button>
setStateAsync(state) { return new Promise( (resolve)=> { this.setState(state , resolve) }) } Async onClickHandler(){ await this.setStateAsync({ count: this,state.count++ }); console.log(this.state.count) }

  

react setState

标签:resolve   pre   ++   导致   res   情况下   div   函数   ISE   

原文地址:https://www.cnblogs.com/lskzj/p/12312784.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!