setState异步同步问题

关于setState异步同步的问题,以官方文件中较精确的说法:'它不是保证同步的"。
那么什么时候异步,什么时候同步?
答案是在React库控制时,异步;否则同步。
如:setState方法写在

constructor(props){
    super(porps);
    this.state = {
        name:"alpha"
    }
}
test(){
    this.setState({
        name:"beta"
    })
    alert(this.state.name)
}
<TouchableOpacity onPress={()=>this.text()}>
    <Text>Button</Text>
</TouchableOpacity> 

上文TouchableOpacity中,是React库控制,则为异步,alert值为"alpha"。
那么,如何alert出"beta"呢?

方法1

使用callback回调函数:

test(){
    this.setState({
        name:"beta"
    },function(){
        alert(this.state.name)
    })
}

方法2

async/await实现异步转同步

constructor(props){
    super(porps);
    this.state = {
        name:"alpha"
    }
}
setStateAsync(state){
    return new Promise((resolve,reject)=>{
        this.setState(state)
    })
}
async componentDidMount(){
    await this.setStateAsync({name:"beta"})
    console.log(this.state.name)
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,065评论 3 119
  • 巴赫是微风细雨的沉思,清澈河滩上羊群安详地散步。亨德尔是大海波涛中船帆闪亮,挂满风暴带来的清冽水珠。-肖复兴
    晚霞消失之时阅读 1,441评论 0 0
  • ↓我是安倍 我说的算 ↓狗腿子的原创者 ↓不是因为偷吃才带的 而是为了防爆 ↓主银 你还是人吗 ↓大爷 进来玩玩呗...
    小葵图文同步阅读 1,688评论 0 0
  • 居医家养生12法 中医养生的方法非常多,但是在日常生活中中医养生主要可以分为以下12点。 1、睡醒后赖床三分钟 在...
    天空下的一片阅读 1,873评论 0 0

友情链接更多精彩内容