react native点击事件传递参数

比如我们定义一个TouchableOpacity点击事件,该方法需要接收一个参数值,如下

_gotoSubClass(sectionID, rowID) {
    console.log("sectionID="+sectionID + "rowID=" + rowID);
}

那么在TouchableOption组件的onPress属性中应该这样写:

 <TouchableOpacity onPress={() => this._gotoSubClass(sectionID, rowID)}>
       <Text>{rowData.title}</Text>
   </TouchableOpacity

或者

<TouchableOpacity onPress={this._gotoSubClass.bind(this,sectionID, rowID)}>
       <Text>{rowData.title}</Text>
   </TouchableOpacity>
   其中bind中的参数1:this代表的是上下文对象,后面跟的参数,对应私有方法中的参数顺序。

  

  

时间: 2024-12-20 22:29:09

react native点击事件传递参数的相关文章

微信小程序-点击事件传递参数

首先 bindtap 绑定点击事件, 在标签中利用 data-xxx  来定义你要传入的参数,, 然后事件中传入 event 用 event.currentTarget.dataset.xxx 来取你传入的值 原文地址:https://www.cnblogs.com/listen9436/p/11113449.html

如何给html元素的onclick事件传递参数(即如何获取html标签的data-*属性)

最近好忙,吐个槽先... 现在做的一个小系统为了达到领导所说的很炫的效果有用到Metro UI CSS,但是因为如何给每个磁贴(div标签)的click事件传递参数折腾了蛮久(偶是菜鸟),后来终于找到一个解决方案即通过data-*属性,下面分别为jQuery和js实现: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <

关于javaScript注册事件传递参数的浅析

最近这半年作为一个java 程序员,我写的javaScript代码都快比java代码多了,前段时间是给某银行做一个柜员管控系统,在柜员授权这一块功能上,由于柜员的授权需要考虑各方面的因素,比如机构权限.柜员类型权限.岗位权限,业务权限等等,并且要对这些权限要做多次的交集或者并集处理,页面上不得不用许多的javascript来进行控制.造成了这一功能模块的实现上javaScript代码比java代码负责的情况. 而现在又要给某银行开发一个保管箱管理系统,其核心功能块保管箱座管理以及保管箱管理,为实

react native 网络get请求方式参数不可为undefined或null

react native 网络get请求方式参数不可为undefined(为空的话默认变为)或null 错误写法: export function addToCartAction(isRefreshing, loading, spId, number, spfId = null, pgId = null) { console.warn('==>',spId+":"+number); return (isRefreshing || loading) ? {types: [FETCH

自定义的cell中如果存在着UIButton,那如何将点击事件传递出去呢?

自定义cell后,将indexPath参数传递到自定义的cell中(NSIndexPath为cell的一个retain的属性),自定义的cell申明一个协议,里面提供了一个方法 - (void)touchEventAtIndexPath:(NSIndexPath *)indexPath; ...... @property (nonatomic, assign) id<AppTableViewCellDelegate>delegate; // 将事件传递出去 ...... - (void)but

Knockout 事件传递参数的方法

在Knockout中直接使用函数传递参数是不行的,会导致函数在初始化时就被调用,例如: <span style="font-size:14px;"><div data-bind="click:changeEditor($index)"></div> </span> 将导致函数在初始化时,点击事件changeEditor()函数就被调用,显然,违背初衷. 要实现参数的传递,有2种方法: 1.方法一:使用函数包裹 <

事件传递参数-封装网络请求api

1==>通过点击事件进行传递参数 <view bindtap="goEdution" data-index="5">西南大学</view> <view bindtap="goEdution" data-index="6">北京师范</view> <view bindtap="goEdution" data-index="7"&g

动态div点击事件传递对象参数格式-草稿889

<button type='button' style='border: 1px solid #eeeeee;color: #717070;height: 20px;border-radius: 3px;line-height: 18px;' class='button cbtn' onclick='confirm(" + JSON.stringify(row).replace(/'/g, '"') + ")'>详细</button> 原文地址:htt

angular5 自定义指令 输入输出 @Input @Output(右键点击事件传递)

指令写法,angular5官网文档给的很详细. 首先要创建一个文件,需注意命名规范(后缀名为xxx.directive.ts): 今天要记录的是在多个li中,右键点击之后显示出对应的菜单,直接上图吧! 右键点击在js中只需要这样写就行: document.oncontextmenu = function(e){   e.preventDefault(); }; 但是在angular中,需要单独定义指令,用@Input进行数据绑定,传递给父元素值,再用@Output将此事件发射出去,让父元素能够接