react点击事件

使用事件对象传参

//按钮
<button onClick={thisClick}>点击事件</button>
//方法
const thisClick = (e) =>{
    console.log('这里是点击结果',e)
 }

输出结果

 传递自定义参数

//按钮
<button onClick={()=>thisClick('参数')}>点击事件</button>
//方法
const thisClick = (vm) =>{
    console.log('这里是点击结果',vm)    //这里是点击结果 参数
  }
注意:不能直接写函数调用,这里事件绑定需要一个 函数引用

同时传递事件对象和自定义参数

//按钮
<button onClick={(e)=>thisClick(e,'参数')}>点击事件</button>
//方法
const thisClick = (e,vm) =>{
    console.log(e,'这里是点击结果',vm)
 }

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-19 21:04:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-19 21:04:02       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-19 21:04:02       82 阅读
  4. Python语言-面向对象

    2023-12-19 21:04:02       91 阅读

热门阅读

  1. 【PHP】身份证正则验证、校验位验证

    2023-12-19 21:04:02       60 阅读
  2. 考研英语语法(十九)

    2023-12-19 21:04:02       47 阅读
  3. Android Studio Gradle构建很慢,下载依赖缓慢问题

    2023-12-19 21:04:02       59 阅读
  4. 如何做到页面实时刷新

    2023-12-19 21:04:02       52 阅读
  5. ubuntu vscode 设置Maple font字体

    2023-12-19 21:04:02       72 阅读
  6. ubuntu22安装python3虚拟环境

    2023-12-19 21:04:02       48 阅读
  7. uni-app基本标签

    2023-12-19 21:04:02       56 阅读
  8. Python基础-字符串

    2023-12-19 21:04:02       49 阅读