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)
 }
相关推荐
就是蠢啊9 分钟前
封装/前线修饰符/Idea项目结构/package/impore
java·服务器·前端
SunnyRivers16 分钟前
JavaScript动态渲染页面爬取之Selenium
javascript·selenium
GISer_Jing26 分钟前
React中 Reconciliation算法详解
前端·算法·react.js
呵呵哒( ̄▽ ̄)"30 分钟前
react-quill 富文本组件编写和应用
前端·javascript·react.js
蔚一1 小时前
运行npm install 时,卡在sill idealTree buildDeps没有反应
前端·spring boot·后端·npm·node.js·vue
喜欢踢足球的老罗1 小时前
搭建一个本地轻量级且好用的学习TypeScript语言的环境
javascript·学习·typescript
豆豆(设计前端)1 小时前
总结 Vue 请求接口的各种类型及传参方式
前端·javascript·vue.js
BestArsenaI1 小时前
vue -关于浏览器localstorge数据定期清除的实现
javascript·vue.js·ecmascript
Smile_Gently2 小时前
Element-plus、Element-ui之Tree 树形控件回显Bug问题。
javascript·vue.js·elementui
一生躺平的仔2 小时前
# Rust遇上WebAssembly:让JavaScript的计算性能起飞!🚀
前端·javascript