React是如何处理事件的?

React事件处理过程

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

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

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

React事件对象

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

使用事项

相关推荐
zy happy5 分钟前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小雨青年19 分钟前
Cursor 项目实战:AI播客策划助手(二)—— 多轮交互打磨播客文案的技术实现与实践
前端·人工智能·状态模式·交互
Nan_Shu_61432 分钟前
学习:JavaScript(5)
开发语言·javascript·学习
533_35 分钟前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
通往曙光的路上37 分钟前
day22_用户授权 头像上传
javascript·vue.js·ecmascript
小光学长40 分钟前
基于Vue的儿童手工创意店管理系统as8celp7(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
meichaoWen41 分钟前
【Vue】Vue框架的基础知识强化
前端·javascript·vue.js
jingling5551 小时前
Flutter | 基础环境配置和创建flutter项目
前端·flutter
mapbar_front1 小时前
如何判断一个领导值不值得追随
前端
西西学代码1 小时前
Flutter---DragTarget(颜色拖拽选择器)
前端·javascript·flutter