帶有FontAwesome子項的按鈕使得按鈕目標值未定義

Question

我似乎無法確定如何解決這個問題，如果您單擊具有fontawesome圖標的react-bootstrap按鈕作爲子項，那麼onclicktarget value將是未定義的。

但是，如果您只在圖標外部單擊並仍在按鈕內部，onclick處理程序仍然可以工作。

https://jsfiddle.net/utmcykcg/5/

Answer 1

這個問題似乎是event.target可以根據其中的按鈕，單擊更改。使用event.currentTarget應該給你你正在尋找的結果。

onClick(e) { 
    const btnValue = e.currentTarget.value 
    alert(btnValue); 
} 

參見：What is the exact difference between currentTarget property and target property in javascript