带FontAwesome子元素的Button使按钮目标值不确定

Question

我似乎无法弄清楚如何解决这个问题，如果您单击带有子图标fontawesome的react-bootstrap按钮，该按钮onclick target value将是未定义的。

但是，如果您仅在带有图标的文本外部单击并且仍在按钮内部，则onclick处理程序仍将起作用。

Answer 1

问题似乎可能是event.target变化的，具体取决于您单击按钮的位置。event.currentTarget相反，使用应该可以为您提供所需的结果。

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