React-如何仅捕获父级的onClick事件而不捕获子级

小编典典

reactjs

我有一个React Component的一部分，看起来像这样：

var headerElement = someBoolean ? <input/> : 'some string';
return <th onClick={this._onHeaderClick}>{headerElement}</th>;

以及th元素的点击处理程序：

_onHeaderClick(event) {
    event.preventDefault();
    console.log(event.target);
},

我要捕获th元素。当headerElement是“某些字符串”时，它可以正常工作，但是当它是input元素时，该input元素是event.target属性中引用的元素。

实现此目标的最佳方法是什么？

阅读 484

2020-07-22

共1个答案

小编典典

由于将处理程序绑定到其中th，因此可以使用currentTarget属性。将目标物业是指调度事件的元素。

_onHeaderClick(event) {
    event.preventDefault();
    console.log(event.currentTarget);
}

2020-07-22