带有 FontAwesome 子项的按钮使按钮目标值未定义

【问题标题】：Button with FontAwesome child makes the button target value undefined带有 FontAwesome 子项的按钮使按钮目标值未定义
【发布时间】：2016-12-09 23:35:36
【问题描述】：

我似乎不知道如何解决这个问题，如果您在小时候单击带有 fontawesome 图标的 react-bootstrap 按钮，onclick target value 将未定义。

但是，如果您在带有图标的文本之外单击并仍在按钮内部，onclick 处理程序仍然可以工作。

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

【问题讨论】：

标签： reactjs react-bootstrap

【解决方案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

【讨论】：

非常感谢！它现在按预期工作。我什至不知道有这个 currentTarget。直到！