当前位置:首页 > 问答库 > Web基础知识 > 详情

说说React中onClick绑定后的工作原理

来源:千锋教育

发布:syq

2022-11-15

Web基础知识 分类问答库

推荐答案

  1. 首先react有自己的事件系统,是遵循w3c的,这个事件系统的名称叫做合成事件(SyntheticEvent),而其自定义事件系统的动机主要包含以下几个方面:

  - 抹平不同浏览器之间的兼容性差异。最主要的动机。

  - 件合成既可以处理兼容性问题

  - 提供一个抽象的跨平台事件机制

  - 可以做更多优化

  - 可以干预事件的分发

React中onClick绑定后

  2. 当给组件(元素)绑定onClick事件之后

  (1. react会对事件先进行注册,将事件统一注册到 document上

  (2. 根据组件 唯一的标识key来对事件函数进行存储

  3. 统一的指定dispatchEvent回调函数

  4. 储存事件回调

  react会将click这个事件统一存到一个对象中,回调函数的存储采用键值对(key/value)的方式存储在对象中,key 是组件的唯一标识id,value 对应的就是事件的回调函数,通过组件的key就能回调到相应的函数了

更多问题在线答疑

导师线上坐镇
解答个性化学习难题

立即提问

上一篇

redux和mobx的区别?

下一篇

零基础教你学前端-文本修饰之常用标签

相关问题

更多 >>
是否用过混合APP开发 前端引擎模板 forEach中的await 闭包的使用场景 什么是模块化思想? JS如何实现多线程?
热门问题
Web基础知识 Web培训机构 Web培训费用 Web培训时间 Web培训课程 Web培训就业 零基础学Web Web薪资待遇 Web学习路线

全国咨询热线400-811-9990