擷取同步更新資料的 兩種方法

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(()=>{

}