[react] React的事件和普通的HTML事件有什么不同

[react] React的事件和普通的HTML事件有什么不同

区别:

  1. 对于事件名称命名方式,原生事件为全小写,react 事件采用小驼峰
  2. 对于事件函数处理语法,原生事件为字符串,react 事件为函数
  3. react 事件不能采用 return false 的方式来阻止浏览器的默认行为

合成事件是 react 模拟原生 DOM 事件所有能力的一个事件对象
优点:

  1. 兼容所有浏览器,更好的跨平台
  2. 将事件统一存放在一个数组,避免频繁的新增与删除(垃圾回收)
  3. 方便 react 统一管理和事务机制

事件的执行顺序为原生事件先执行,合成事件后执行,合成事件会冒泡绑定到 document 上,所以尽量避免原生事件与合成事件混用,如果原生事件阻止冒泡,可能会导致合成事件不执行,因为需要冒泡到document 上合成事件才会执行

 [react] 在React中怎么阻止事件的默认行为?

event.preventDefault();阻止浏览器默认行为, 例如标签不跳转
event.stopPropagation();阻止冒泡; 例如上级点击事件不生效

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论



主目录

与歌谣一起通关前端面试题

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/405087.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

cmb

if (this.cmbMonitorLevelPollutionSource.Items.Count 0) { this.cmbMonitorLevelPollutionSource.Items.Add(new ComboBoxItem() { Content "国控", Tag "00" }); this.cmbMonitorLevelPollutionSource.Ite…

C++面试宝典2011版

From: http://blog.csdn.net/jingxuewang110/article/details/6789557/ 1.new、delete、malloc、free关系 delete会调用对象的析构函数,和new对应free只会释放内存,new调用构造函数。malloc与free是C/C语言的标准库函数,new/delete是C的运算符。它们都可…

hdu1466(dp)

Problem Description平面上有n条直线&#xff0c;且无三线共点&#xff0c;问这些直线能有多少种不同交点数。比如,如果n2,则可能的交点数量为0(平行)或者1(不平行)。Input输入数据包含多个测试实例,每个测试实例占一行,每行包含一个正整数n&#xff08;n<20&#xff09;,n表…

[react] 你最喜欢React的哪一个特性(说一个就好)

[react] 你最喜欢React的哪一个特性&#xff08;说一个就好&#xff09; virtual domHOC 个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题

Linux多线程开发-线程同步-读写锁pthread_rwlock_t

1、读写锁概念 对资源的访问抽象为两种类型&#xff0c;即独占和共享。独占资源具有排他性&#xff0c;例如写操作。共享资源可以同时由多个线程访问&#xff0c;不对该资源执行写操作。针对资源的读和写操作分别加锁&#xff0c;写操作加锁与互斥锁相同&#xff0c;但读操作加…

Wireshark抓包工具使用教程以及常用抓包规则

From: http://fangxin.blog.51cto.com/1125131/735178 Wireshark是一个非常好用的抓包工具&#xff0c;当我们遇到一些和网络相关的问题时&#xff0c;可以通过这个工具进行分析&#xff0c;不过要说明的是&#xff0c;这只是一个工具&#xff0c;用法是非常灵活的&#xff0c;…

SSH整合--1

简单说明&#xff1a;整个整合过程使用mysql数据库、Myeclipse 8.5&#xff0c;框架使用struts2.1.6,hibernate3.x,spring2.5 功能&#xff1a;实现简单的用户登录 0. 简单的流程 1. Resister.jsp <% page language"java" import"java.util.*" pageEnco…

[react] 在React中什么时候使用箭头函数更方便呢?

[react] 在React中什么时候使用箭头函数更方便呢&#xff1f; 合成事件当中使用箭头函数比较方便 注意点在于当事件作为props传递给子组件时&#xff0c;会造成额外的性能损耗 个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一…

poj3750

简单题 View Code #include <iostream>#include <cstdio>#include <cstdlib>#include <cstring>usingnamespacestd;#definemaxn 100intn, w, s;charname[maxn][100];boolout[maxn];intmain(){//freopen("t.txt", "r", stdin);sca…

Linux多线程开发-线程同步-条件变量pthread_cond_t

1、条件变量的概念 一个线程A的执行需要另一个线程B来唤醒&#xff0c;否则A挂起等待。线程B可以产生线程A继续执行的信号。条件变量常用在共享数据状态变化的场景中&#xff0c;例如&#xff1a;生产则和消费者问题。POSIX线程库提供了条件变量这种同步机制。使用条件变量需要…

FreeSWITCH安装报错“You must install libyuv-dev to build mod_fsv”的解决方案

昨天下午安装FreeSWITCH时遇到该问题时&#xff0c;整了一个下午都没解决&#xff0c;也走了许多弯路。如果直接通过yum安装libyuv-devel时&#xff0c;会报错说找不到该安装包。后来又通过FreeSWITCH官网的网上聊天&#xff0c;找FreeSWITCH的工作人员要到了libyuv-devel的安装…

linux内核模块常见问题

From: http://debug-sai.blogbus.com/logs/45569599.html 一 在编译内核模块时&#xff0c;出现 make[1]: 正在进入目录 /usr/src/linux-2.6.28 ERROR: Kernel configuration is invalid. include/linux/autoconf.h or include/config/auto.conf are missing. …

[react] 使用PropTypes和Flow有什么区别?

[react] 使用PropTypes和Flow有什么区别&#xff1f; Flow 是一个针对react项目所有 JavaScript 代码的静态类型检测器&#xff0c;需要单独添加依赖并手动运行PropTypes是针对组件级别的类型检测 个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&am…

EF架构~了解一下,ADO.NET Entity Framework

回到目录 以下文章部分来自百度百科 背景 长久以来&#xff0c;程序设计师和数据库总是保持着一种微妙的关系&#xff0c;在商用应用程序中&#xff0c;数据库一定是不可或缺的元件&#xff0c;这让程序设计师一定要为了连接与访问数据库而去 学习 SQL 指令&#xff0c;因此在信…

如何限制对象只能建立在堆上或者栈上

转自http://blog.csdn.net/szchtx/article/details/12000867# 在C中&#xff0c;类的对象建立分为两种&#xff0c;一种是静态建立&#xff0c;如A a&#xff1b;另一种是动态建立&#xff0c;如A* ptrnew A&#xff1b;这两种方式是有区别的。 静态建立一个类对象&#xff0c;…

Qt主要的容器类

1、描述 容器和迭代器类提供修改、删除、插入、保存数据和遍历等功能&#xff0c;Qt包含的容器类比STL更加简单和安全。 2、常用的容器 QList<T>&#xff1a;使用数据间的索引可以访问数据&#xff0c;储存特定类型。QLinkedList<T>&#xff1a;使用迭代器访问数…

编译我的hello.ko

一、环境&#xff1a; 1. PC: Fedora13: [feng~ #2]$uname -a Linux Fedora13 2.6.34.8-68.fc13.i686.PAE #1 SMP Thu Feb 17 14:54:10 UTC 2011 i686 i686 i386 GNU/Linux [feng~ #3]$2. 开发板 ~ $ uname -a Linux (none) 2.6.24-rt1-hi3515v100 #7 Thu Nov 10 18:42:18 C…

[react] 在React中你有遇到过安全问题吗?怎么解决?

[react] 在React中你有遇到过安全问题吗&#xff1f;怎么解决&#xff1f; dangerouslySetInnerHTML预防xss攻击 个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题

SQL Server之索引

简单来说&#xff0c;索引就是一个指针&#xff0c;指向表里的数据。创建索引create indext index_name on table_name删除索引drop index index_name on table_name索引的类型单字段索引create indext index_name on table_name&#xff08;column_name&#xff09;如果某个字…

Qt多线程编程的主要线程类

1、描述 Qt提供QThread类处理多线程&#xff0c;继承自QObject。不受平台影响&#xff0c;实现跨平台功能。 2、主要的线程类 QAtomicInt&#xff1a;提供Interger与平台无关的Atomic运算&#xff0c;即提供了整数常用的原子操作&#xff0c;支持四种类型的操作。支持四种类…