反应，单击父元素

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是标识事件发生的元素的元素。