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()加括号解决太长问题。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容