javascript - 传递参数时按钮单击事件不会被触发

Question

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

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

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

myScanButtonClicked = (item: string) => {
}

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

我也尝试了下面显示的调用方式，但仍然没有用。

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

Answer 1

尝试这样的事情:

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

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