React是如何处理事件的?

React事件处理过程

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

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

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

React事件对象

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

使用事项

相关推荐
用户17592342150286 分钟前
D3.js - 基本用法
前端·d3.js
Mr.Liu622 分钟前
小程序30-wxml语法-声明和绑定数据
前端·微信小程序·小程序
76756047923 分钟前
useDateFormat源码解析
前端·源码
Mintopia23 分钟前
Three.js粒子系统开发实战:从基础到性能优化
前端·javascript·three.js
Promise52024 分钟前
大屏"跑马灯" 长列表性能优化
前端·javascript
子玖24 分钟前
初始化项目前的准备
前端·javascript·vue.js
Mintopia24 分钟前
Three.js进阶实战:打造动态光影交互场景 ——结合环境光、聚光灯与相机控制的沉浸式体验
前端·javascript·three.js
贵州数擎科技有限公司25 分钟前
Threejs绘制小兩伞快拿去送给你的女神
前端
Carlos_sam27 分钟前
OpenLayers:封装Overlay的方法
前端·javascript
MariaH27 分钟前
Sequelize模型初探
前端·后端