javascript - 反应：无法从 onmouseover 获取事件目标信息

Question

在 React 中制作连接四游戏。我想要一个表格框在悬停时突出显示，我无法从事件中检索信息。我能够记录事件，但它是未定义的。

棋盘方块在主类组件中生成并传递给要渲染的函数组件。我知道这是问题所在，因为我的所有其他事件都正常工作。如果这个元素是在它自己的函数组件中生成的，我不能像我一样应用“道具”，但它却在那个组件中呈现。

for (let i = 0; i < 6; i++) {
      logicBoard[i] = []
      userBoard[i] = []
      for (let j = 0; j < 7; j++) {
        logicBoard[i].push(j)
        userBoard[i].push(<div key={[i]+[j]} className="box" onClick={(e) => this.playerMove(e)}>
          <div className="token"></div>
        </div>)
      }

playerMove = (e) => {
    console.log(`player move: ${e}`)
}