传递参数时未触发按钮单击事件答案

【问题标题】：Button click event not getting fired when arguments are passed传递参数时未触发按钮单击事件
【发布时间】：2017-02-03 09:18:43
【问题描述】：

我有这个按钮单击事件，在该事件中我调用了一个带参数的方法。下面是我如何分配 onClick 事件。

 <button value="My Message" style={ buttonStyle } onClick= {() => this.myScanButtonClicked('Name') }>Send NameScan</button>

下面是同一个类中的 myScanButtonClicked 的签名。

myScanButtonClicked = (item: string) => {
}

当删除方法参数时，它会被调用。但是使用该参数，该方法不会在按钮单击时被调用。但它会在页面加载时执行。我无法弄清楚这里出了什么问题。任何帮助将不胜感激。

我也尝试过如下所示的调用方式，但仍然没有用。

onClick= {() => this.myScanButtonClicked.bind(this,'Mark') }

【问题讨论】：

@Boky 谢谢它的工作。

标签： javascript button reactjs typescript onclick

【解决方案1】：

试试这样的：

onClick= {this.myScanButtonClicked.bind(this,'Mark')}

myScanButtonClicked(item, event){
   event.preventDefault();
   console.log(item); //Should be Mark
}

【讨论】：