React是如何处理事件的?

React事件处理过程

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

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

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

React事件对象

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

使用事项

相关推荐
不绝19120 分钟前
UGUI——进阶篇
前端
Exquisite.41 分钟前
企业高性能web服务器(4)
运维·服务器·前端·网络·mysql
铅笔侠_小龙虾1 小时前
Flutter Demo
开发语言·javascript·flutter
2501_944525541 小时前
Flutter for OpenHarmony 个人理财管理App实战 - 账户详情页面
android·java·开发语言·前端·javascript·flutter
2601_949857431 小时前
Flutter for OpenHarmony Web开发助手App实战:快捷键参考
前端·flutter
wangdaoyin20101 小时前
若依vue2前后端分离集成flowable
开发语言·前端·javascript
天天进步20152 小时前
AI Agent 与流式处理:Motia 在生成式 AI 时代的后端范式
javascript
心柠2 小时前
vue3相关知识总结
前端·javascript·vue.js
Amumu121382 小时前
Vue Router(二)
java·前端
a1117763 小时前
图书借阅管理系统(FastAPI + Vue)
前端·vue.js·fastapi