React是如何处理事件的?

React事件处理过程

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

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

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

React事件对象

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

使用事项

相关推荐
程序员海军3 分钟前
如何让AI真正理解你的需求
前端·后端·aigc
passer9817 分钟前
基于Vue的场景解决
前端·vue.js
用户458203153179 分钟前
CSS过渡(Transition)详解:创建平滑状态变化
前端·css
春秋半夏12 分钟前
本地项目一键开启 HTTPS(mkcert + Vite / Vue 配置教程)
前端
穿花云烛展27 分钟前
实习日记2(与form表单的爱恨情仇1)
前端
岛风风36 分钟前
分享一下Monorepo 的理解和不同类型项目的目录结构
前端
ITMan彪叔38 分钟前
Tesseract OCR 页面分割模式解析
前端
w_y_fan40 分钟前
Flutter中的沉浸式模式设置
前端·flutter
游荡de蝌蚪41 分钟前
快速打造Vue后台管理系统
前端·javascript·vue.js
code_YuJun42 分钟前
3. 修改 vue.config.js 配置完成打包分析和优化
前端