React中事件的写法总结
发布网友
发布时间：2022-10-09 15:58
共1个回答
热心网友
时间：2023-11-24 16:57
首先我们先查看 官方规则或者官方文档的介绍 ，React的事件处理和DOM元素很相似，但是语法上是有不同的：
了解基本的以后 ， 下面我们利用九个例子来进行事件的巩固：
<button onClick={function(){alert('直接绑定')}}>按钮1</button>
给onClick后面直接绑定函数，点击以后，就会执行函数里面的内容。
e就是默认的事件参数 e中的target表示事件发生的目标元素 点击以后按钮就会变成红色
点击按钮以后 触发外面声明的show方法 show方法定义如下
可以弹框提示 ， 但是会有this指向的问题 ， 接下来 我们看第五步的加强
点击以后num就能得到改变
方法定义的如下 show6为一个箭头函数， content就是形参 ，接受的值为我是参数
show7中第二个参数e需要特别处理， 在(e)中声明 才能带出去， 不然e会是没有定义。
方法的定义部分
content就是参数"7777" ，e就是事件源， 通过事件源可以找到目标元素， 然后更新里面的内容
方法定义的地方
在show9定义中
总结:
react中事件的使用和原生的事件使用极其相似，我们需要解决，函数函数的声明和参数的传递 使用，根据自己的实际情况，合理使用就可以了，不管是箭头函数和普通函数，实际都是殊途同归。
