当前位置: 首页 > article >正文

【React】事件绑定

1. 基础事件绑定

语法: on + 事件名称 = {事件处理程序}

2. 使用事件对象参数e

语法:在回调函数中设置形参e

3. 使用自定义参数

语法:箭头函数,在执行回调的时候传递实参
注意:事件绑定的是一个函数的引用而不是函数调用

4. 同时传递事件对象和自定义参数

注意:事件绑定函数的实参和形参一一对应

function App() {
  // #1
  // function handleClick() {
  //   alert('点击按钮操作')
  // }

  // #2
  // function handleClick(e) {
  //   console.log('e', e)
  // }

  // #3
  function handleClick(e, printContent) {
    console.log('e', e)
    alert(printContent)
  }
  return (
    <div className="App">
      <button onClick={(e) => handleClick(e, 'hi')}>我是按钮</button>
    </div>
  );
}

export default App;

参考:黑马程序员react教程


http://www.kler.cn/a/322343.html

相关文章:

  • Linux的目录结构
  • 【Apache Paimon】-- 2 -- 核心特性 (0.9.0)
  • 信息与决策支持系统(Information and Decision Support Systems,IDSS)
  • 《译文》2024年11月数维杯国际大学生数学建模挑战赛题目
  • html 图片转svg 并使用svg路径来裁剪html元素
  • 关于 Oracle Database Express Edition 的功能和安装
  • 分享开源且强大的HTML5网页视频播放器
  • 一文教你看懂什么是Hadoop
  • Techub专访顾荣辉教授:解密CertiK的安全战略路线
  • 对抗攻击方法详解:梯度攻击、转移攻击与模型集成攻击
  • 用5款AI帮你写论文,只需10分钟(附详细工具)
  • [CKA]CKA简介
  • 【Spring】Spring Aop基础入门
  • QML使用Qt自带软键盘例子
  • 深度学习-图像处理篇1.1-1.2神经网络
  • 【Prometheus】实战二:Prometheus数据监控自定义组件Pushgateway
  • Day101 代码随想录打卡|动态规划篇--- 分割等和子集
  • 帆软通过JavaScript注入sql,实现数据动态查询
  • [Linux#55][网络协议] 序列化与反序列化 | TcpCalculate为例
  • 微信小程序加载H5页面及与H5页面通信的实战教程
  • 代码随想录算法训练营 | 二叉树理论基础
  • 【python】函数的定义
  • 简历技能面试问答
  • MySQL InnoDB MVCC数据结构分析
  • 基于Hadoop的NBA球员大数据分析及可视化系统
  • Splashtop 在2024年 CybersecAsia 读者之选奖项评选中荣获新星奖