React是如何处理事件的?

React事件处理过程

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

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

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

React事件对象

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

使用事项

相关推荐
Penge6661 分钟前
React Context 详解:从 Props 传递到跨组件状态共享
前端
Penge66610 分钟前
React 事件处理:bind(this) 原理与实际开发常用写法
前端
ZhengEnCi21 分钟前
小白用 AI 做官网完全指南:不用框架的六格清单,双击就能打开
前端·html·ai编程
zhanlang021736 分钟前
HTML 零基础入门到企业实战【第五章 5.2】图片路径精讲:绝对路径、相对路径、网络路径(新手必踩坑点)
前端·html
夕水1 小时前
我用trae重构了ew-color-picker,一个插件化架构的现代颜色选择器
前端·javascript·开源
Penge6661 小时前
React JSX 核心语法:从入门到业务开发实战
前端
zhanlang02171 小时前
HTML 零基础入门到企业实战全套教程【第五章 5.5 综合案例:图文影音展示页面开发】
前端·html
zhanlang02172 小时前
HTML 零基础入门到企业实战全套教程【连载 5.3】audio、video 音频视频标签|兼容格式、自动播放踩坑、企业规范
前端·html
qq_406981032 小时前
c++ lamda(三)Lambda表达式
java·前端·c++
zhanlang02172 小时前
HTML 零基础入门到企业实战【第五章 5.4】内嵌网页 iframe 标签:嵌入网页、视频、地图实战
前端·html·音视频