javascript - 字体-真棒 : Can I make icon clickable?

Question

我在react-table行中使用垃圾桶图标，我想在单击该图标时删除该行(我对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 事件绑定(bind)将无法工作。

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

另请参阅:these docs 。