react入门：事件处理

1、阻止默认行为

与传统HTML不同，react时在函数使用e.preventDefault()

 

 

2、事件绑定的三种方法

（1）在元素初始渲染的时候提供一个监听器

（2）如正在使用实验性的属性初始化器语法，则可以使用属性初始化器来正确的绑定回调函数

这个语法在Create React App中默认开启，（我试了一下，好像不行，哈哈）

（3）如没有使用属性初始化器语法，可以在回调函数中使用箭头函数。但这个方法可能会带来性能问题。

 

3、向事件处理程序传递参数，有如下两种方式

方式1：参数e作为React事件对象将会被作为第二个参数进行传递。通过箭头函数的方式，事件对象必须现实的进行传递。

方式2：通过bind的方式，事件对象以及更多的参数将会被隐式的进行传递，在类组件中定义的监听函数，事件对象e要排在所传递参数的后面。