事件监听如下

class Title extends Component {
  handleClickOnTitle () {
    console.log('Click on title.')
  }

  render () {
    return (
      <h1 onClick={this.handleClickOnTitle}>React 小书</h1>
    )
  }
}

只需要在需要监听的元素上加上监听事件即可，方法在类里面写，直接用this.method调用即可。

注意如果你想在事件函数当中使用当前的实例，你需要手动地将实例方法 bind 到当前实例上再传入给 React.js。如

<h1 onClick={this.handleClickOnTitle.bind(this)}>React 小书</h1>

也可以在 bind 的时候给事件监听函数传入一些参数：

<h1 onClick={this.handleClickOnTitle.bind(this, 'Hello')}>React 小书</h1>

赏

谢谢你请我吃糖果

微信