获取同步更新数据的 两种方法

import React, { Component } from 'react'

export default class App extends Component {

    constructor(props){

        super(props)

        this.state = {

            counter:0

        }

    }

    render() {

        return (

            <div>

                <h2>当前计数: {this.state.counter}</h2>

                <button onClick={e=>this.increment()}>+1</button>

                <button id="btn">+1</button>

            </div>

        )

    }

     // 获取同步更新的数据

     // 方式二  使用原生的数据绑定

    componentDidMount(){

        document.getElementById('btn').addEventListener('click',()=>{

            this.setState({

                counter: this.state.counter + 1

            })

            console.log(this.state.counter);

        })

    }

     

    increment(){  

        // 获取同步更新的数据

        // 方式一 , 将  setState 放到  setTimeout 中

        setTimeout(()=>{

            this.setState({

                counter: this.state.counter + 1

            })

            console.log(this.state.counter);

        })

        

    }

}