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)
 }
相关推荐
风之舞_yjf几秒前
Vue基础(33)_web Storage(web存储)
前端·javascript·vue.js
夜白宋10 分钟前
【Redis深入】二、高性能
java·前端·redis
被考核重击11 分钟前
前端高频面试题总结_性能_工程化_网络
前端·网络·性能优化·工程化
夜雪闻竹18 分钟前
sql.js WASM 深度解析
javascript·sql·wasm
nnsix21 分钟前
Unity 自定义包的 package.json 简单写法
java·服务器·前端
书中枫叶28 分钟前
生活缴费充值系统
前端·javascript·经验分享·mongodb·node.js
weixin_4617694030 分钟前
npm 修改镜像源依赖下载缓慢运行报错日志解决
前端·npm·node.js
Soari31 分钟前
Hermes-webui:面向 Hermes Agent 的自托管 Web 控制台
前端·webui·agent ai·自托管ai
一个博客1 小时前
pdf-viewer 实现预览pdf文件
开发语言·javascript·pdf