如何解决为什么onClick中的元素引用内部图像标签而不是按钮标签?
我一直在开发一个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 举报,一经查实,本站将立刻删除。