javascript - 状态改变时不重新渲染

Question

我需要很酷的红色秒单元格。但是我变蓝了，我做错了什么？

我有一个功能，检查防止单元格，并标记单元格。

AI_CELL = 红色
HIGHLIGHT_CELL = 蓝色
USER_CELL = 绿色

const checkWinnerScore = () => {
    let [y, x] = prevCell;

    let copyCells = JSON.parse(JSON.stringify(cells));

    if (copyCells[y][x] === HIGHLIGHT_CELL) {
      
      // I assign value, but cell do not coolerd in red.
      copyCells[y][x] = AI_CELL;
      setCells(copyCells);
      setAiScore(aiScore + 1);
      
    } else if (copyCells[y][x] === AI_CELL) {
      return;
    }
  };

代码沙箱中的完整示例：https://codesandbox.io/s/vigilant-gates-zfcmm?file=/src/components/Cells.js: 2098-2430

标签： javascripthtmlreactjshtml-table