我想知道event.currentTargetReactJS是否存在类似的问题,使用event.targetonclick的问题是我得到childDiv而不是parentDiv。
香草Javascript示例:
document.getElementById("parentDiv").onclick = function() {
console.log(event.currentTarget.id); // or this.id
console.log(event.target.id);
};
<div id="parentDiv">Parent (click me)
<div id="childDiv">Child (then click me)</div>
</div>
ReactJS(在无状态函数内部):
...
const myFunction = (event) => {
event.stopPropagation(); // Doesn't make a difference.
console.log(event.target); // Not trying to get the child element
console.log(this); // 'this' is undefined
console.log(event.currentTarget); // Gets the '#document' element
};
...
<div onClick={() => myFunction(event)}>...</div>
...
我敢肯定这个基本的东西有多种解决方案,我很惊讶我找不到一个讨论此事的话题。有什么建议么?
相关分类