ReactJS,event.currentTarget不';I don’我的行为与普通Javascript不一样

ReactJS,event.currentTarget不';I don’我的行为与普通Javascript不一样,javascript,reactjs,Javascript,Reactjs,我想知道ReactJS中是否存在类似event.currentTarget的东西,使用event.targetonclick的问题是我得到的是childDiv而不是parentDiv 香草Javascript示例: document.getElementById(“parentDiv”).onclick=function(){ console.log(event.currentTarget.id);//或this.id 日志(event.target.id); }; Parent(单击我) 孩

我想知道ReactJS中是否存在类似
event.currentTarget
的东西,使用
event.target
onclick的问题是我得到的是
childDiv
而不是
parentDiv

香草Javascript示例:

document.getElementById(“parentDiv”).onclick=function(){
console.log(event.currentTarget.id);//或this.id
日志(event.target.id);
};
Parent(单击我)
孩子(然后单击我)

首先,您实际上没有传递
事件,不确定这是否是输入错误,但应该是错误的

这:

正如您在以下代码段中看到的,代码按预期运行:

它将打印:

<div>click me</div>
undefined
<div>click me</div>
设置为窗口(或在严格模式下
未定义

这是我做的一张图表,也许它能帮助你

函数应用程序(){
const myFunction=事件=>{
event.stopPropagation();//按预期工作
console.log(event.target);//点击我
console.log(this);//“this”未定义
console.log(event.currentTarget);//点击我
};
常量myFunc2=e=>{
console.log(“myFunc2”);
};
返回(
点击我
);
}
const rootElement=document.getElementById(“根”);
render(,rootElement)

您是否已完成此操作?您将常规函数与箭头进行比较,显然这与
有所不同。
onClick={(event) => myFunction(event)}>...</div>
<div onClick={myFunction}>
<div>click me</div>
undefined
<div>click me</div>
myFunc()