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)
 }
相关推荐
静默回滚6 小时前
iPhone照片电脑上打不开:HEIC解码从原理到WASM
前端
dsyyyyy11016 小时前
Vue 3 Watch 监视完全指南
前端·javascript·vue.js
航飞光电市场经理6 小时前
人员定位系统“全栈自研”技术解析:从射频前端到定位引擎的架构拆解
前端·架构
Apifox6 小时前
Apifox 9 月更新|CLI 能力升级、GitLab 私有化部署接入与产品体验优化
前端·后端·测试
deli0076 小时前
随机乱跳为什么能画出完美三角形:混沌游戏分形实验室
前端
Gizzap_Tech6 小时前
国内官网增加英文版:URL、语言切换与 hreflang 怎么配置?
前端
剪刀石头布啊7 小时前
泛洪DFS、BFS
前端
qetfw7 小时前
Windows Server AD CS:根 CA、Web 证书模板与域内自动注册
前端·windows·windows-server
剪刀石头布啊7 小时前
为什么React组件很少前缀,而vue的不少组件都有前缀
前端
剪刀石头布啊7 小时前
gird网格布局
前端