React是如何处理事件的?

React事件处理过程

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

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

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

React事件对象

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

使用事项

相关推荐
Irene19913 分钟前
JavaScript中,为什么需要手动清理事件
javascript·手动清理事件监听器
摘星编程6 分钟前
OpenHarmony环境下React Native:Zustand持久化存储
javascript·react native·react.js
2501_944521599 分钟前
Flutter for OpenHarmony 微动漫App实战:图片加载实现
android·开发语言·前端·javascript·flutter·php
摘星编程12 分钟前
在OpenHarmony上用React Native:Recoil选择器异步数据
javascript·react native·react.js
雨中深巷的油纸伞23 分钟前
vue 项目部署到iis后 浏览器刷新404
前端·javascript·vue.js
谢尔登1 小时前
从源码视角来看Pinia!
前端·javascript·vue.js
梦6501 小时前
JavaScript 循环
开发语言·javascript·ecmascript
运筹vivo@1 小时前
攻防世界: mfw
前端·web安全·php
沛沛老爹2 小时前
从Web到AI:行业专属Agent Skills生态系统技术演进实战
java·开发语言·前端·vue.js·人工智能·rag·企业转型