我無法在 React / Next JS 中讀取我的抽認卡中的數據集

Question

我正在制作一個帶有簡單匹配游戲的英語/日語抽認卡應用程序。

我想使用數據集值來鏈接兩張卡片，以便檢查它們是否匹配。

我想要它，這樣當我點擊抽認卡時，我就可以取回鍵值。 但是我目前只是空着。

我不知道這是否會有所不同，但關鍵值是動態創建的，因為抽認卡是從我的數據庫中獲取的，然后使用道具應用。

當我使用 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>

任何幫助將非常感激！

Onclick 我想要從目標返回的數據集值，以便我可以使用它。

但是，我目前得到空值。

我嘗試了以下

e.target.dataset.keyMatch
e.target.getAttribute("data-key-match")

Answer 1

它位於錯誤的（外部）div 上。 我移動了數據集，現在它可以工作了。