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)
 }
相关推荐
陈随易12 小时前
Postman 被曝自动往 Claude Code 和 Codex 装插件
前端·后端·程序员
Dream-Y.ocean14 小时前
鸿蒙PC平台宅匠 3D 室内设计适配实战:基于 Electron 壳方案的 Three.js 双渲染引擎与参数化户型编辑器开发
javascript·3d·harmonyos
Csvn15 小时前
性能监控
前端
Highcharts.js15 小时前
Highcharts Gantt使用符号的自定义数据标签开发甘特图示例
javascript·甘特图·highcharts·图表开发·实战代码·响应式图表
Csvn15 小时前
构建工具
前端
FRing0316 小时前
vue2干货总结3(computed计算属性、watch监听器)
开发语言·前端·vue.js·vue2
JavaPub-rodert17 小时前
从零搭建通用管理后台:ShiyuAdmin 的 Go、React 与 RBAC 实践
开发语言·react.js·golang
kyriewen18 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
IT_陈寒18 小时前
当Java的hashCode遇上Lombok,我的缓存被全清了
前端·人工智能·后端
工控丫丫19 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库