react类式组件setState更新状态的两种方式

• 对象式：setState(stateChange,[callback]) — 新状态不依赖原状态时使用
  setChange为状态改变对象；callback是可选的回调函数，它在状态更新完毕，界面也更新后才被调用。
• 函数式：setState(updater,[callback]) — 新状态依赖原状态时使用
  updater为返回stateChange对象的函数，updater可以接收到state和props；callback是可选的回调函数，它在状态更新，界面也更新后才被调用。
• 对象式的setState是函数式setState的语法糖

   import React, { Component } from 'react'
   
   export default class setState extends Component {
     state = {count:0}
     add = () => {
       // 对象式的setState
       const {count} = this.state;
       this.setState({count:count+1},()=>{
         console.log(this.state.count);
       });
   
       // 函数式的setState
       // this.setState((state)=>({count:state.count+1}))
     }
     render() {
       return (
         <div>
           <h5>和：{this.state.count}</h5>
           <button onClick={this.add} >点我+1</button>
         </div>
       )
     }
   }