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
}

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

1 个答案: