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)
 }
相关推荐
winfredzhang6 分钟前
用 Node.js + SQLite + 原生前端写一个本地情绪急救 Web App:情绪降落伞 Mood Parachute
前端·sqlite·node.js·express·情绪管理
qq43569470113 分钟前
Vue03
javascript·vue.js
樱花的浪漫26 分钟前
Typescript、Zod基础
前端·javascript·人工智能·语言模型·自然语言处理·typescript
Bigger32 分钟前
记一次坑爹的 Cloudflare Pages 部署:Failed to load module script 是怎么把我的 SPA 搞挂的
前端·ci/cd·浏览器
竹林81837 分钟前
监听智能合约事件,我用 wagmi v2 踩了三天坑,终于找到了稳定方案
前端·javascript
星栈37 分钟前
Makepad 界面怎么做得更像产品,而不是示例
前端·rust
用户8524950718438 分钟前
Bun 到底是什么?一个比 Node.js "更快更香"的 JS 运行时
javascript·程序员
Momo__39 分钟前
SSR 懒水合四件套 — 99%的人不知道 Vue 3.5 藏了这些水合策略
前端·vue.js·性能优化
riuphan40 分钟前
JavaScript 事件循环:单线程异步编程的核心机制
前端·javascript
小小龙学IT43 分钟前
Midscene.js:AI驱动的跨平台UI自动化革命
javascript·人工智能·ui