为什么onClick中的元素引用内部图像标签而不是按钮标签？

编程问答 2022-09-19

问题描述

我一直在开发一个React Web应用程序，该应用程序带有一个带有图像的按钮：

<button
  value="same"
  onClick={e => this.onClick(e.target.value)}
>
  <img
    src={image}
    alt=""
  />
  <h3>Same</h3>
</button>

这是相应的onClick函数：

onClick = value => { console.log("onClick value = ",value)};

由于某种原因，value是undefined。当我打印e.target时，我得到了img标签。我在另一个按钮上使用了相同的功能，因此在运行该功能时，我并不总是知道该值为"same"。我不确定为什么e.target指向img标签。我知道您也可以为按钮提供背景，但是我想避免这种情况，因为我有一个需要应用于img的特定类。

感谢您的帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

buttonbuttonhtmlimageimagejavascriptonclick