ReactJS,event.currentTarget与Vanilla Javascript

我想知道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>

...

我敢肯定这个基本的东西有多种解决方案,我很惊讶我找不到一个讨论此事的话题。有什么建议么?


慕森卡
浏览 141回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript