事件处理
绑定事件
- 采用 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 这种常用的方法