在React中获取元素onClick的backgroundColor

Question

我目前正在将我用原始HTML，CSS和JavaScript制作的RGB颜色猜测游戏转换为React。

当我单击类coloredSquare的六个div之一时，我希望它获取该正方形的backgroundColor并将其与屏幕上显示的rgb颜色进行比较，该颜色来自带有{ {1}} ID。

在香草JS中，它是如此简单，您只需要在mainColor内执行this.style.backgroundColor，但是由于某些原因，我无法弄清React。我觉得自己很傻，可能我想得太多，而且实际上很简单。

代码如下：

eventListener

Answer 1

    chooseSquare = (e) => {
      console.log(e.currentTarget.style.background)
    }

我认为将事件传递到事件处理程序中，而currentTarget \ target是您所缺少的

也不要忘记将事件处理程序绑定到构造函数中！ constructor() { // snip this.chooseSquare = this.chooseSquare.bind(this); }