我正在制作一个英语/日语抽认卡应用程序与一个简单的匹配游戏。
我想使用一个数据集值来连接这两张卡,这样我就可以检查它们是否匹配。
我想让它,当我点击抽认卡,我得到键值回来。然而,我目前只是得到null。
我不知道这是否有什么不同,但是键值是动态创建的,因为抽认卡是从我的数据库中获取的,然后使用props应用。
我可以阅读的道具很好,因为我得到它的工作使用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, "");
};
如何读取这个"data-key-match"使用onClick事件,以便我可以得到的值?
<div key={props.id} data-key-match={props.matchId}>
{props.language}</div>
任何帮助将非常感激!
Onclick我想从目标返回一个数据集值,以便我可以使用它。
然而,我目前得到null。
我试了下面的
e.target.dataset.keyMatch
e.target.getAttribute("data-key-match")
它位于错误的(外部)div上。我移动了数据集,现在它可以工作了。