zoukankan      html  css  js  c++  java
  • react setState

    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) }

      

  • 相关阅读:
    nginx
    mysql
    intelij maven
    redis命令大全
    绑定touch事件后click无效,vue项目解决棒法
    新的用法
    img
    vuedragable
    自己总结
    vuex的项目在id中不能运行
  • 原文地址:https://www.cnblogs.com/lskzj/p/12312784.html
Copyright © 2011-2022 走看看