React点击事件的bind(this)传参问题
2017-10-30 10:00
288 查看
(一)问题描述
先来看一下问题的描述吧。如下图:
那么我该怎么解决这个问题呢?
(二)需要用到的知识
愚蠢的自己尝试了很多种愚蠢的方法。废话就不多说,具体看看代码吧。
2
3
4
5
6
7
8
9
10
11
明白吧?
OK。
来解决开头我提出的问题,同样,看图片吧。
(三)解决 所描述的问题
这样就可以了。
(四)总结
如果上面看得眼花了,没关系。看下面这一行代码就够了。(原谅我的啰嗦)
事件–this.handleclick.bind(this,要传的参数)
函数–handleclick(传过来的参数,event)
先来看一下问题的描述吧。如下图:
那么我该怎么解决这个问题呢?
(二)需要用到的知识
愚蠢的自己尝试了很多种愚蠢的方法。废话就不多说,具体看看代码吧。
//这是html的结构样式 //clickFunction--点击事件函数,thisStatus--要传递的参数 <div onClick={this.clickFunction.bind(this, thisStatus)>收</div> ---------- //函数接收参数方式 //thisStatus--函数接受的参数 clickFunction(thisStatus, event) { console.log('thisStatus', thisStatus); }1
2
3
4
5
6
7
8
9
10
11
明白吧?
OK。
来解决开头我提出的问题,同样,看图片吧。
(三)解决 所描述的问题
这样就可以了。
(四)总结
如果上面看得眼花了,没关系。看下面这一行代码就够了。(原谅我的啰嗦)
this.handleclick.bind(this,要传的参数) handleclick(传过来的参数,event)1
事件–this.handleclick.bind(this,要传的参数)
函数–handleclick(传过来的参数,event)
相关文章推荐
- React点击事件的bind(this)传参问题
- 使用call、apply和bind解决js中烦人的this,事件绑定时的this和传参问题
- react点击事件传参
- jquery bind('click')传参问题(例如:列表中每行绑定一个事件)
- ios关于点击事件selector传参的问题,看似简单却容易混淆(已解决)
- JS一起学02:函数传参、操作属性第二种方式、提取行间事件、循环、this、焦点问题、联动选择、选项卡焦点图
- 探究绑定事件的this指向以及event传参的小问题
- setInterval中this问题,以及bind绑定this的指向问题
- React Native WebView 内点击事件获取onNavigationStateChange、onMessage
- cocos2d js v3.10 sprite点击事件的区域问题
- 解决 点击ListView空白处事件不响应问题
- 关于ListView中控件点击事件与Item点击事件冲突的问题
- 解决回收键盘与cell点击事件冲突问题(思路添加手势代理)
- React-native 响应用户的点击事件Touchablexxx
- ListView item中有button或EditText时 点击事件失效问题的解决
- 关于页面之间传参时有空格,中文及点击页面后退按钮的问题
- div嵌套点击事件问题解决方法-阻止冒泡事件
- Asp.net 2.0自定义控件(点击HyperLink后执行事件)[网友问题: DataList里HyperLink控件激发事件,在哪定义?]
- 也来说说touch事件与点击穿透问题
- 关于listitem点击事件根据position取得数据库数据Onresume()更新Adapter后取得数据错误的问题