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

ih99xse1  于 2022-12-23  发布在  React
关注(0)|答案(1)|浏览(84)

我正在做一个英语/日语抽认卡应用程序与一个简单的匹配游戏。
我想使用一个数据集值来链接这两张卡,这样我就可以检查它们是否匹配。
我想要它,这样当我点击抽认卡,我得到的关键字值回来。但我目前只是得到空。
我不知道这是否会有什么不同,但关键值是动态创建的,因为抽认卡是从我的数据库中提取的,然后使用 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")
wgx48brx

wgx48brx1#

它在错误的(外部)div上。我移动了数据集,现在它工作了。

相关问题