react中使用this.setState({})更新state的状态值

168 阅读1分钟

最近因为需要把一个react的项目改为vue的不得不学一下react项目,完全看不懂啊,感觉像看天书,记录下看不懂的知识点

  • this.setState({}) 方法

    this.setState方法的使用:

    react中想要更新视图只能用 this.setState({})方法修改状态值,
    在react中,如果想为state中的数据重新赋值,不要使用this.state.*** = 值的方式,而是应该调用react提供的this.setState({msg:'123'})的方式,
    

    this.setState({})方法是异步的

    如果在调用完this.setState之后,又想立即拿到最新的state值,需要使用:this.setState({}.callback)
    
    this.setState({
         msg:'123'
    },function(){//回调
         console.log(this.state.msg);
    })
    
  • State状态

    React 的核心思想是组件化,而组件中最重要的概念是State(状态),State是一个组件的UI数据模型,是组件渲染时的数据依据,状态(state) 和 属性(props) 类似,都是一个组件所需要的一些数据集合,但是state是私有的,可以认为state是组件的“私有属性(或者是局部属性)