setState() 的说明

setState() 的说明

•  setState() 是异步更新数据的
•  注意：使用该语法时，后面的 setState() 不要依赖于前面的 setState()
•  可以多次调用 setState() ，只会触发一次重新渲染

 推荐：使用 setState((state, props) => {}) 语法
 参数state：表示最新的state
 参数props：表示最新的props

this.setState(
(state, props) => {},
() => {console.log('这个回调函数会在状态更新后立即执行')}
)
 场景：在状态更新（页面完成重新渲染）后立即执行某个操作
 语法： setState(updater[, callback])
 

优化：减轻state

• 减轻state :只存储跟组件渲染相关的数据(比如: count/列表数据/ loading等)注意:
• 不用做渲染的数据不要放在state中，比如定时器id等
• ·对于这种需要在多个方法中用到的数据，应该放在this中

class Hello extends component {
componentDidMount () {
// timerId存储到this中，而不是state中
this.timerId = setInterval ( () => {}, 2000)
}
cormponentwillUnmount () {
clearInterval(this.timerId)
render () {}}