reactjs - 如何在 React 中将 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

Here您可以查看react文档，其中解释了使用className而不是class。 还包裹您的<i>标签 button标记并使用 onClick()在那里发挥作用。