说说React中onClick绑定后的工作原理
说说React中onClick绑定后的工作原理
首先react有自己的事件系统,也是遵循w3c的,这个事件系统的名称叫做合成事件(SyntheticEvent),而其自定义事件系统的动机主要包含以下几个方面
抹平不同浏览器之间的兼容性差异。最主要的动机。
件合成既可以处理兼容性问题
提供一个抽象的跨平台事件机制
可以做更多优化
可以干预事件的分发
当给组件(元素)绑定onClick事件之后
react会对事件先进行注册,将事件统一注册到document上
根据组件唯一的标识key来对事件函数进行存储
统一的指定dispatchEvent回调函数
储存事件回调:react会将click这个事件统一存到一个对象中,回调函数的存储采用键值对(key/value)的方式存储在对象中，key 是组件的唯一标识 id，value 对应的就是事件的回调函数,通过组件的key就能回调到相应的函数了
相关推荐HOT
更多>>
SEO优化
SEO优化，1、合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可;description把页面内容高度概括，不可过...详情>>
2023-04-03 15:11:51
Python数据生产器
Python数据生产器,在软件开发、测试或者数据分析过程中，有时候会需要一些测试数据。做测试的时候，需要模拟真实的环境，但是又不能直接使用真...详情>>
2023-03-28 15:56:13
Java集合是什么？Java集合详解
Java集合是Java编程语言中的一个重要概念，用于存储、管理和处理数据。Java集合框架提供了一组接口和类，用于实现常见的数据结构，如列表、栈、...详情>>
2023-03-20 19:12:47
js查找字符串中指定字符的位置
另外，如果要查找一个字符串中所有出现的指定字符的位置，可以使用indexOf()方法结合循环来实现。然后，我们使用循环遍历字符串中的每一个字符...详情>>
2023-03-10 14:06:35
京公网安备 11010802030320号