Javascript 图标的OnClick侦听器

有一段时间，我努力为图标设置onclick事件

<div className="favorite">
<i id="favorite" className="fa fa-star-o fa-2x" onclick={this._toggleFaviriteStatus}></i>
</div>


_toggleFaviriteStatus() {
    alert("aaa")
    console.log(this.state);
}

_toggleFaviriteStatus（）{
警报（“aaa”）
console.log（this.state）；
}

当我单击图标时，不会调用回拨

我在这里遵循了这个解决方案，但我不确定为什么它不起作用。。

我能得到一些帮助吗

---

谢谢

只需将onclick与

div

标记一起使用即可

<div className="favorite" onClick={this._toggleFaviriteStatus}>
  <i id="favorite" className="fa fa-star-o fa-2x"> </i>
</div>

你能为此编写一个JSFIDLE吗，它将对每个人都非常有帮助help@Rashomon

i

是html、CSS框架等中的i标记，只是将其用作字体图标的方便包装。是的，对于react，它是

onClick

not

onClick

关于事件命名的更多信息->onClick not onClick在reactjs中是onClick not onClick