React Hook中点击事件传参

onTouchStart 事件

<div onTouchStart={()=>Fnstart(index)} key={index} ></div>

onClick事件

<div onClick={()=>Fnstart(index)} key={index} >{item}</div>

循环中

 {arr.map((item, index) => <div onTouchStart={()=>Fnstart(index)} key={index}>{item}</div>)}

输出

 const Fnstart=(index:number)=>{console.log(index);}

React Hook中点击事件传参相关推荐

小程序中点击事件传参
小程序是事件驱动型的,小程序可以使用点击事件传递参数: 代码如下: // wxml文件 <view class="container"> <view class= ...
【Ant Design Pro 四】react 点击事件传参
简单的绑定点击事件传参: 点击事件 function myClick(){console.log('点击')}return (<Button onClick={myClick}>点击< ...
vue 事件调用传参_对vue下点击事件传参和不传参的区别详解
如下所示: {{btn_text1}} {{btn_text2}} var _vm = new Vue({ data : { btn_text1 : '点击1' , btn_text2 : '点击2' ...
click传值vue_对vue下点击事件传参和不传参的区别详解
如下所示: {{btn_text1}} {{btn_text2}} var _vm = new Vue({ data : { btn_text1 : '点击1' , btn_text2 : '点击2' ...
微信小程序 - 点击事件传参
首先给某个按钮或者某个组件添加 bindtap点击事件再加上 data-xxx="传值内容" (xxx可以自定义单词) 例如: //xx.wxml <view bindt ...
微信小程序——点击事件传参没有数据(undefined)
今天在wxml和js传参的时候,为了和后台的命名规则保持一致,在data-questionId的驼峰式命名,结果发现参数传到js的时候,js打印出来为undefined.今天把这个坑填了! 微信开发者 ...
html点击事件传参 php,HTML通过事件传递参数到js详解及实例
目标处理函数为selectAttr(test) 1.直接传递给定参数如:οnclick="selectAttr('1'); οnclick="selectAttr('a'); 2. ...
vue 点击事件传参写法
on-click={() => this.handleInfo(warn)}
微信小程序之bindtap事件传参
之前一直以为微信小程序按钮点击事件传参是和web端相同,即在事件中写明所传递的参数即可,但是这样尝试过以后发现小程序的控制台报错,报所写的bindtap中参数错误,之后百度发现,小程序按钮点击这类事件 ...

React Hook中点击事件传参

React Hook中点击事件传参相关推荐

最新文章

热门文章