首先，我会放入代码。

{gameModes.map((gameMode, key) => {
            return (
              <>
                <div className={styles.gameMode} key={key} onClick={gameModeHandler}>
                  <div className={styles.gameModeContent}>
                    <img src={gameMode.gameModeArtwork} alt="" />
                    <p className={styles.modeTitle}>{gameMode.gameModeTitle}</p>
                    <p className={styles.modeDesc}>
                      {gameMode.gameModeDesc}
                    </p>
                  </div>
                </div>
              </>
            );
          })}

onClick函数

const gameModeHandler = (e) => {
    console.log(e.target.value)
  }

基本上，我想要的是，当onClick生效时，将gameMode.title传递给onClick函数以将其打印到控制台。我不知道如何以一种可以在循环中访问该数据的方式将onClick传递。