React，单击父元素

Question

我在React中有这样的东西

<li id="my-id" onClick={this.handleClick}>
  <span>Something here</span>
  <i>Some italic text here</i>
</li>

我需要访问我的LI的ID。

handleClick(ev) {
  console.log(ev.target);
}

问题是，当我点击斜体文本时，它会控制我的i元素，而不是它应该的li。

有人可以解释我为什么，以及如何让onClick返回我的li元素？

Answer 1

您需要使用.currentTarget代替.target

handleClick(ev) {
  console.log(ev.currentTarget);
}

  

.currentTarget指的是事件处理程序所在的元素   附加到而不是标识元素的.target   事件发生了。