真棒字体：我可以使图标可点击吗？

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')}}

另请参阅： 这些文档 。

Answer 2

您当然可以使图标可单击。 您可以走我能想到的两条路线之一。

您可以将图标括在'a'标记中，也可以使用javascript抓取元素（可能是getElementById）并向其添加点击侦听器，并附带一个简单的函数来执行您的内心愿望。

希望能有所帮助

Answer 3

您不需要括号。

您可以只将函数设置为alert('clicked') ，也可以在JavaScript内部定义一个函数，并在范围的onclick中链接到该函数。