react点击事件

发布时间:2023年12月18日

使用事件对象传参

//按钮
<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)
 }

文章来源:https://blog.csdn.net/qq_35181466/article/details/135067862
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。