react点击事件

使用事件对象传参

javascript 复制代码
//按钮
<button onClick={thisClick}>点击事件</button>
//方法
const thisClick = (e) =>{
    console.log('这里是点击结果',e)
 }

输出结果

传递自定义参数

javascript 复制代码
//按钮
<button onClick={()=>thisClick('参数')}>点击事件</button>
//方法
const thisClick = (vm) =>{
    console.log('这里是点击结果',vm)    //这里是点击结果 参数
  }

注意:不能直接写函数调用,这里事件绑定需要一个 函数引用

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

javascript 复制代码
//按钮
<button onClick={(e)=>thisClick(e,'参数')}>点击事件</button>
//方法
const thisClick = (e,vm) =>{
    console.log(e,'这里是点击结果',vm)
 }
相关推荐
恋猫de小郭2 小时前
AGENTS.md 真的对 AI Coding 有用吗?或许在此之前你没用对?
前端·人工智能·ai编程
sunny_4 小时前
构建工具的第三次革命:从 Rollup 到 Rust Bundler,我是如何设计 robuild 的
前端·rust·前端工程化
rfidunion5 小时前
springboot+VUE+部署(12。Nginx和前端配置遇到的问题)
前端·vue.js·spring boot
珹洺5 小时前
Java-servlet(五)手把手教你利用Servlet配置HTML请求与相应
java·运维·服务器·前端·servlet·html·maven
FYKJ_20105 小时前
springboot大学校园论坛管理系统--附源码42669
java·javascript·spring boot·python·spark·django·php
QQ24391975 小时前
语言在线考试与学习交流网页平台信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·spring boot·sql·学习·java-ee
范特西.i6 小时前
QT聊天项目(6)
前端
a1117766 小时前
水体渲染系统(html开源)
前端·开源·threejs·水体渲染
程序员小李白6 小时前
CSS 盒子模型
前端·css·html
Zzz不能停6 小时前
单行 / 多行文本显示省略号(CSS 实现)
前端·css