Javascript 如何返回发生单击事件的标记

Javascript 如何返回发生单击事件的标记,javascript,reactjs,Javascript,Reactjs,我试图捕捉发生单击事件的标记,但是,我得到的是值,而不是实际的标记。非常感谢你的帮助 我试图捕捉的标签按钮 <button type="button" onClick={(e) => handleAction(row, e)}> <img src={options} alt="more options" /> </button> 手浸法 handleAction(row, e) { console.log(e.target, row)

我试图捕捉发生单击事件的标记,但是,我得到的是值,而不是实际的标记。非常感谢你的帮助

我试图捕捉的标签
按钮

<button type="button"  onClick={(e) => handleAction(row, e)}>
  <img src={options} alt="more options" />
</button>
手浸法

 handleAction(row, e) {

    console.log(e.target, row);
  }
输出

 <img src="/bf8a277f232f78afa8e14c7f6147fc88.png" alt="more options">, myRow
,myRow

以下代码应满足要求:

handleAction(row, e) {
    console.log(e.target.parentElement, row);
}

尝试currentTarget而不是target:

console.log(e.currentTarget, row);

e、 target将返回img标签,但e.CurrentTarget将返回按钮标签

这里的“标签”是什么意思?您是指解析后的HTML中的DOM元素吗?如果是这样,为什么需要元素本身而不是元素的一些数据?你到底想在这里完成什么?你能描述一下你希望你的用户能够做什么吗?你指的是什么标记?如果我理解你的问题,你可以得到发生事件的元素的标记名,比如:
event.target.tagName
我试图捕捉DOM元素
按钮
,因为我想用javascript onClick@Code学徒“因为我想使用javascript onClick附加一些其他HTML元素”,这听起来像是使用ReactJS的错误方法。相反,您应该使用一些反映应该在页面上绘制的内容的值来设置state。然后在
render()
中使用状态来绘制正确的元素。
console.log(e.currentTarget, row);