React是如何处理事件的?

React事件处理过程

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

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

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

React事件对象

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

使用事项

相关推荐
OEC小胖胖12 分钟前
04|从 Lane 位图到 `getNextLanes`:React 更新优先级与纠缠(Entangle)模型
前端·react.js·前端框架
愤怒的可乐12 分钟前
从零构建大模型智能体:ReAct 智能体实战
前端·react.js·前端框架
BlackWolfSky12 分钟前
React中文网课程笔记4—常用工具配置
前端·笔记·react.js
IT_陈寒13 分钟前
Python 3.12 新特性实战:5个让你的代码效率提升30%的技巧
前端·人工智能·后端
Ycocol14 分钟前
Flutter项目运行在浏览器无法访问
前端·flutter
weixin_5841214316 分钟前
vue3+elementui+js自定义穿梭框布局
javascript·vue.js·elementui
巾帼前端18 分钟前
前端框架 React 的虚拟 DOM是如何在这一层层抽象中定位自己位置的?
前端·react.js·前端框架
JeffDingAI18 分钟前
【CANN训练营】体验基于Caffe ResNet-50网络实现图片分类实践操作
前端·分类·caffe
wayne21422 分钟前
React Native 0.80 学习参考:一个完整可运行的实战项目
学习·react native·react.js
郑州光合科技余经理23 分钟前
从国内到海外:同城o2o本地生活服务平台国际化实战
java·开发语言·javascript·mysql·uni-app·php·生活