夜雨聆风
React-setState() 的说明
-
setState() 是异步更新数据的 -
注意：使用该语法时，后面的 setState() 不要依赖于前面的 setState() -
可以多次调用 setState() ，只会触发一次重新渲染
state = {count:1}this.setState({count:this.state.count + 1})//setState方法为异步，此处的打印值为1console.log(this.state.count)//1
-
推荐：使用 setState((state, props) => {}) 语法 -
参数state：表示最新的state -
参数props：表示最新的props
this.setState((state,props)=>{return {count:state + 1}}))//此处打印仍然是1，并不是最新值，想要获取最新值，使用第二参数console.log(this.state.count)//1
-
场景：在状态更新（页面完成重新渲染）后立即执行某个操作 -
语法： setState(updater[, callback])
this.setState((state, props) => {},() => {console.log('这个回调函数会在状态更新后立即执行')})
this.setState((state, props) => {},() => {document.title = '更新state后的标题：' + this.state.count})