React是如何处理事件的?

React事件处理过程

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

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

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

React事件对象

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

使用事项

相关推荐
西洼工作室9 分钟前
fetch+ReadableStream实现SSE推送实时踢人下线
前端·python·全栈
2401_8784545310 分钟前
js的复习(一)
开发语言·javascript·ecmascript
农夫山泉不太甜15 分钟前
Nuxt 4 完全指南:从入门到精通
前端
Momo__17 分钟前
Vue 3.4+ 被低估的 3 个 API,让你的代码更优雅
前端·vue.js
dishugj20 分钟前
HANA数据库常用命令总结
java·前端·数据库
clove24 分钟前
JavaScript 提升(Hoisting)与声明优先级:一篇文章说透
前端
七牛开发者28 分钟前
不写框架、不用 npm,我用 AI Coding 做了一个家庭记忆站
前端·人工智能·npm
@PHARAOH31 分钟前
WHAT - npm和corepack
前端·npm·node.js
不爱学英文的码字机器31 分钟前
被 AE 的关键帧折磨过的人,应该试试这个用 React 写视频的路子
前端·react.js·音视频