触发事件改变状态

触发事件改变状态

import React,{Component} from 'react'
import ReactDOM from 'react-dom'
import 'bootstrap/dist/css/bootstrap.css'
//什么是符合组件：将多个组件进行组合，例如调用2次Counter组件；
//结构非常复杂时，可以把组件分离开；
//复合组件有 父子关系（父组件数据传递给子组件）
class Counter extends Component{
    constructor(){
        super()
        this.state={count:{number:1}}
    }
    handleClick=()=>{
        this.setState({
            count:{number:this.state.count.number+1}
        })
    }
    render(){
        return (
            <div>
                {this.state.count.number}
                <button onClick={this.handleClick}>+</button>
            </div>
        )
    }
}
ReactDOM.render(<Counter></Counter> ,document.getElementById('root'))