React处理事件

通过 React 元素处理事件跟在 DOM 元素上处理事件非常相似。但是有一些语法上的区别：

• React 事件使用驼峰命名，而不是全部小写。
  通过 JSX , 你传递一个函数作为事件处理程序，而不是一个字符串
• 另一个区别是，在 React 中你不能通过返回 false（愚人码头注：即 return false; 语句） 来阻止默认行为。必须明确调用 preventDefault 。例如，对于纯 HTML ，要阻止链接打开一个新页面的默认行为，可以这样写：

当使用一个 ES6 类处理事件

定义一个组件时，通常的一个事件处理程序是类上的一个方法。例如， Toggle
组件渲染一个按钮，让用户在 “ON” 和 "OFF" 状态之间切换：

• 在JSX回调中你必须注意 this 的指向。 在 JavaScript 中，类方法默认没有 绑定 的。如果你忘记绑定 this.handleClick 并将其传递给onClick，那么在直接调用该函数时，this会是 undefined。
• 这不是 React 特有的行为；这是 JavaScript 中的函数如何工作的一部分。 一般情况下，如果你引用一个后面没跟 ()的方法，例如 onClick={this.handleClick}，那你就应该 绑定(bind) 该方法。