代码之家 › 专栏 › 技术社区 › AnOldSoul

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

onclick typescript reactjs button javascript

0

AnOldSoul · 技术社区 · 9 年前

我有一个按钮点击事件,在这个事件中我调用了一个接受参数的方法。下面是我如何分配onClick事件。

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

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

myScanButtonClicked = (item: string) => {
}

当移除方法参数时,它会被调用。但有了这个参数,就不会在单击按钮时调用该方法。但它是在页面加载时执行的。我想不出这里出了什么问题。任何帮助都将不胜感激。

我也尝试了下面所示的方法来调用它,但仍然没有用。

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

1 回复 | 直到 9 年前

1

Boky 9 年前

尝试如下操作:

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

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