Font-Awesome：我可以点击图标吗？

Question

我在反应表行中使用垃圾桶图标，我想在点击图标时删除该行（我对HTML / JS的了解非常基本）。但是当我在图标中或周围放置onClick处理程序时，它会在页面呈现时触发，而在单击图标时则不会触发。

这是我当前的行定义。我已经尝试了div和span，我尝试使用button，但图标没有正确显示：

{
  width: 50,
  filterable: false,
  Cell: row => (
  <div align="center" onClick={alert("clicked")}>
    <i className="fa fa-trash-o"></i>
  </div>
  )
}

有人可以告诉我我做错了吗？

Answer 1

如果没有实际的函数包装器，React事件绑定将无法正常工作。

尝试onClick={()=>{alert('clicked')}}

另见：these docs。

Answer 2

你当然可以使图标可点击。你可以选择我能想到的两条路线之一..

你可以在'a'标签中包围图标，也可以使用javascript来抓取元素（可能是getElementById）并添加一个点击监听器，附带一个简单的函数来执行你的心愿。

希望有所帮助

Answer 3

您不需要括号。

您可以将函数设置为alert('clicked')，或者您可以在JavaScript中定义一个函数，并在跨度的onclick中链接到它。