我们已经准备好了,你呢?

2020我们与您携手共赢,为您的企业形象保驾护航!

本文为大家介绍 React 中的点击事件如何传参。

问题描述

先来看一下问题的描述吧。如下图:

那么我该怎么解决这个问题呢?

以下是 HTML 代码,clickFunction 是点击事件函数,thisStatus 是要传递的参数:

<div onClick={this.clickFunction.bind(this, thisStatus)>收</div>

以下是 React 代码的函数接收参数方式,thisStatus 函数接受的参数:

clickFunction(thisStatus, event) {
    console.log('thisStatus', thisStatus);
}

来解决开头我提出的问题,同样,看图片吧。

这样就可以了。

总结

需要通过 bind 方法来绑定参数,个参数指向 this,第二个参数开始才是事件函数接收到的参数:

<button onClick={this.handleClick.bind(this, props0, props1, ...}></button>
 
handleClick(porps0, props1, ..., event) {
    // your code here
}
  • 事件:this.handleclick.bind(this,要传的参数)
  • 函数:handleclick(传过来的参数,event)
我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为1000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设网站改版百度优化、名注册、主机空间、手机网站建设公众号开发小程序制作、网站备案等方面的需求...
请立即点击咨询我们或拨打咨询热线: 13820372851,我们会详细为你一一解答你心中的疑难。项目经理在线

我们已经准备好了,你呢?

2020我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

13820372851

上班时间

周一到周五

公司电话

022-26262675

二维码
线
在线留言