最近因为需要把一个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是组件的“私有属性(或者是局部属性)