傳遞參數時不會觸發按鈕單擊事件

Question

我有此按鈕單擊事件時，我調用了一個需要參數的方法。以下是我如何分配onClick事件。

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

下面是myScanButtonClicked在同一個類中的簽名。

myScanButtonClicked = (item: string) => { 
} 

當移除method參數時，它被調用。但是有了這個參數，這個方法並沒有被點擊按鈕調用。但它在頁面加載時執行。我無法弄清楚這裏有什麼問題。任何幫助將非常感激。

我已經嘗試了下面顯示的方式調用它，但仍然沒有用。

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 
}