反应超赞的字体/图标不可点击

Question

尝试使用包装在按钮元素中的FontAwesomeIcon。

问题： -单击图标本身不会触发按钮 -在图标前添加文本时，单击文本会触发按钮。但是单击按钮的图标部分仍然不会触发。

<button className="profile-edit-btn">
     Edit <FontAwesomeIcon
        className="edit-icon"
        icon="edit"
        size="2x"
     />
</button>

gif of clicking the button

有什么想法为什么会这样？