我无法在 React / Next JS 中读取抽认卡中的数据集



我正在制作一个英语/日语抽认卡应用程序与一个简单的匹配游戏。

我想使用一个数据集值来连接这两张卡,这样我就可以检查它们是否匹配。

我想让它,当我点击抽认卡,我得到键值回来。然而,我目前只是得到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上。我移动了数据集,现在它可以工作了。

最新更新