Skip to main content

事件处理

绑定事件

  • 采用 on+事件名的方式来绑定一个事件,注意,这里和原生的事件是有区别的,原生的事件全是小写 onclick
  • React 里的事件是驼峰 onClick ,React 的事件并不是原生事件,而是合成事件。

事件 handler 的写法

  • 直接在 render 里写行内的箭头函数(不推荐)
  • 在组件内使用箭头函数定义一个方法(推荐)
  • 直接在组件内定义一个非箭头函数的方法,然后在 render 里直接使用 onClick=
    {this.handleClick.bind(this)} (不推荐)
  • 直接在组件内定义一个非箭头函数的方法,然后在 constructor 里 bind(this)(推荐)

Event 对象

  • 和普通浏览器一样,事件 handler 会被自动传入一个 event 对象,这个对象和普通的浏览器 event 对 象所包含的方法和属性都基本一致。
  • 不同的是 React 中的 event 对象并不是浏览器提供的,而是它自己内部所构建的。它同样具有 event.stopPropagation 、 event.preventDefault 这种常用的方法