-
首先react有自己的事件系统,也是遵循w3c的,这个事件系统的名称叫做合成事件,而其自定义事件系统的动机主要包含一下几个方面
- 抹平不同浏览器之间的兼容性差异。最主要的动机。
- 件合成既可以处理兼容性问题
- 提供一个抽象的跨平台事件机制
- 可以做更多优化
- 可以干预事件的分发
-
当给组件(元素)绑定
onClick事件之后 -
react会对事件先进行注册,将事件统一注册到document上
-
根据组件唯一的标识key来对事件函数进行存储
-
统一的标识dispatchEvent回调函数
-
储存事件回调:
react会将click这个事件统一存到一个对象中,回调函数的存储采用键值对的方式存储在对象中,key是组件的唯一标识id,value对应的就是事件的回调函数,通过组件的key就能会调到相应的函数了。
说说react中onClick绑定后的工作原理?
最新推荐文章于 2024-11-01 13:37:40 发布
React使用合成事件来解决浏览器兼容性问题,提供跨平台的事件处理。它将事件注册在document上,通过组件的唯一标识存储回调函数,优化事件处理并允许干预事件分发。这种方式使得在不同浏览器中绑定如onClick等事件变得统一且高效。
摘要由CSDN通过智能技术生成