React是如何处理事件的?

React事件处理过程

直觉上,react处理事件的逻辑可能与javascript类似

但实际上并不是,react选择将所有事件处理函数都添加到root元素中,也就是说react会为所有的事件处理函数都进行事件委托。

注意:上面的说法并不准确 ,但大致意思是这个。

React事件对象

在javascript中,我们访问的是原生dom对象,但是react中会在"包一层",从而使事件在所有浏览器中都能已完全相同的方式进行工作,并且讲很多原本不是冒泡的事件变成了冒泡的事件,比如说focus、blur和change(scroll除外)。

使用事项

相关推荐
Aniugel5 分钟前
单点登录(SSO)系统
前端
颜酱5 分钟前
二叉树遍历思维实战
javascript·后端·算法
鹏多多8 分钟前
移动端H5项目,还需要react-fastclick解决300ms点击延迟吗?
前端·javascript·react.js
serioyaoyao10 分钟前
上万级文件一起可视化,怎么办?答案是基于 ParaView 的远程可视化
前端
万少16 分钟前
端云一体 一天开发的元服务-奇趣故事匣经验分享
前端·ai编程·harmonyos
WindrunnerMax18 分钟前
从零实现富文本编辑器#11-Immutable状态维护与增量渲染
前端·架构·前端框架
不想秃头的程序员20 分钟前
Vue3 封装 Axios 实战:从基础到生产级,新手也能秒上手
前端·javascript·面试
数研小生33 分钟前
亚马逊商品列表API详解
前端·数据库·python·pandas
你听得到1135 分钟前
我彻底搞懂了 SSE,原来流式响应效果还能这么玩的?(附 JS/Dart 双端实战)
前端·面试·github
空白诗36 分钟前
React Native 鸿蒙跨平台开发:react-native-svg 矢量图形 - 自定义图标与动画
react native·react.js·harmonyos