setState两种用法

import React, { Component } from "react";


export default class Hello extends Component {
  state={
    count:12
  }
  //用法1
  add1 = () => {
   const {count} =this.state
   this.setState({count:count+1},()=>{
    //改完以后获取最新的值
    console.log(this.state.count,'2函数式')
   })
   //获取不到最新的， 异步调用
   console.log(this.state.count,'1同步') 
  };
    //用法2函数式：里面是一个函数（state,props），两个参数第二个可以没有
    add2 =()=>{
      this.setState(state =>( {count:state.count+2}))
      // this.setState((state,props) =>( 
      //   console.log(state,props)
      // ))
    }
  render() {
    
    return (
      <div style={
  
  { border: "1px solid red" }}>
       <h3>setState两种用法</h3>
        <h4>求和为：{this.state.count}</h4>