03.React学习日记.JSX绑定事件-传递参数

1.原生js事件获取

image.png

2. 组件中方法事件获取

发生该事件后，React内部回调函数，会自动传入一个event对象。

注意：这两者不是同一种类型的对象，前者为js原生事件对象，后者为React内部合成的事件对象，功能属性基本一样。

推荐：箭头函数是最方便的方法：

image.png

iage.png

注意：事件发生时，React内部调用函数，执行函数onClick.call(undefined, event)，但bind()方法优先级高于call()方法，所以用bind()可以绑定。

image.png

image.png

注意：箭头函数时，event没有被传入方法。这种情况下，触发事件后调用箭头函数，该函数调用为xxx.call(undefined)，并没有作用域。也就是说我们需要手动将事件传入箭头函数，继而传入箭头函数调用的函数中。
注意：箭头函数只有一个参数时，()可以省略

优点：很灵活，不用考虑this对象。return()加括号解决太长问题。