如何在反应中将 onClick 事件放在字体真棒图标上？

Question

我正在尝试在 fontawesome 图标上设置 onClick 事件，但是当我这样做时它不起作用。

 <i class="fab fa-accessible-icon" onClick={this.removeItems}></i>

它仅在我将 onClick 放在 p 标签或 h 标签上时才有效。

 <h1 onClick={this.removeItems}><i class="fab fa-accessible-icon"></i></h1>

无法在图标本身上设置事件？以第二种方式执行此操作会导致我出现样式错误。

编辑：我确实将课程更改为 className，我的错。但它仍然无法正常工作，目前我在图标周围使用它并在跨度上使用 onClick 绕过它。

Answer 1

也许尝试一下

<i className="fab fa-accessible-icon" onClick={this.removeItems}></i>

我能够得到

<i onClick={doSomething}>Testing</i>

处理点击事件，但它被渲染为 jsx （ala render() 方法）——假设你也在做同样的事情。