react事件

1.类函数里事件

   class EventDemo extends React.Component {        
      constructor(props) {
                         super(props)
                          }

    // 修改方法的 this 指向
    this.clickHandler1 = this.clickHandler1.bind(this)
}
render() {
    // 1. this - 使用 bind
    // return <p onClick={this.clickHandler1}>
    //     {this.state.name}
    // </p>

    // 2. this - 使用静态方法
    // return <p onClick={this.clickHandler2}>
    //     clickHandler2 {this.state.name}
    // </p>

    clickHandler1() {
    // console.log('this....', this) // this 默认是 undefined
    this.setState({
        name: 'lisi'
    })
        }
      // 静态方法，this 指向当前实例
    clickHandler2 = () => {
    this.setState({
        name: 'lisi'
    })
}
}