我正在做一个英语/日语抽认卡应用程序与一个简单的匹配游戏。
我想使用一个数据集值来链接这两张卡,这样我就可以检查它们是否匹配。
我想要它,这样当我点击抽认卡,我得到的关键字值回来。但我目前只是得到空。
我不知道这是否会有什么不同,但关键值是动态创建的,因为抽认卡是从我的数据库中提取的,然后使用 prop 应用。
我可以很好地阅读 prop ,因为我得到了它的工作使用innerHTML,但我更喜欢使用数据集。
const handleToggle = function (e: any) {
>! What do I put here?
console.log(e.target. )
>! This was a workaround if I put props.matchId as the textElement
e.target.innerHTML.replace(/\D/g, "");
};
如何使用onClick事件读取这个"数据键匹配",以便获得值?
<div key={props.id} data-key-match={props.matchId}>
{props.language}</div>
任何帮助将不胜感激!
单击时,我希望从目标返回一个数据集值,以便使用它。
但是,我现在得到null。
我尝试了以下方法
e.target.dataset.keyMatch
e.target.getAttribute("data-key-match")
1条答案
按热度按时间wgx48brx1#
它在错误的(外部)div上。我移动了数据集,现在它工作了。