FontAwesomeの子を持つボタン

Question

この問題を解決する方法を考えることはできません。フォントワームのアイコンを子として持つ反応起動ストラップボタンをクリックすると、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