React+Electron游戏开发：useState与普通变量选型疑问

算力阿峰

2026-7-5

针对QB Simulator游戏状态管理的建议

首先明确：不是过度设计，而是状态拆分得太零散导致的麻烦，完全没必要全换成普通变量——React的状态钩子是为UI驱动的场景设计的，你的游戏核心逻辑和UI展示高度绑定，合理用状态钩子才是正确方向。

给你几个具体的优化方向：

合并零散的useState为单一状态对象
如果你现在把回合数、WR得分、CB得分、对战模式拆成了多个独立的useState，这种分散的状态在多回合对战时，每次更新都要调用多个setter，很容易出同步问题。建议把这些核心游戏状态合并成一个对象：
```
const [gameState, setGameState] = useState({
  mode: 'short', // short/mid/deep
  wrScore: 0,
  cbScore: 0,
  currentRound: 0,
  isGameOver: false
});
```
更新时只需要修改对象里的对应属性，比如完成一回合对战后：
```
setGameState(prev => ({
  ...prev,
  wrScore: prev.wrScore + (wrWin ? 1 : 0),
  cbScore: prev.cbScore + (cbWin ? 1 : 0),
  currentRound: prev.currentRound + 1,
  isGameOver: checkGameOver(prev) // 自定义判断胜负的函数
}));
```
这样状态更新更集中，也更容易追踪多回合的变化。
用useRef存储非UI依赖的临时状态
如果有些中间状态不需要实时展示在UI上（比如回合内的临时计算、对战动画的过渡状态），可以用useRef来存，避免不必要的重渲染。比如多回合对战中，你需要临时记录当前回合的对战过程，但不需要立刻更新UI，就可以用：
```
const battleTemp = useRef({});
// 对战过程中修改ref
battleTemp.current = { wrMove: 'routeA', cbMove: 'defendA' };
// 当需要把结果同步到UI时，再更新useState
```
普通变量也可以用，但组件重新渲染时普通变量会重置，useRef的.current值会保留，更适合跨渲染周期的临时状态。
区分「UI状态」和「业务逻辑状态」
所有需要在界面上显示的内容（比如当前回合数、双方得分、游戏结束提示）必须用useState，因为只有状态钩子的变化才能触发React重渲染，更新UI。而纯粹的业务逻辑计算（比如判断是否满足三局两胜的条件），可以放在普通函数里处理，不需要放到状态里。

举个中路线对战的简化逻辑例子：

const [gameState, setGameState] = useState({
  mode: 'mid',
  wrScore: 0,
  cbScore: 0,
  isGameOver: false,
  winner: null
});

const handleRoundBattle = () => {
  // 模拟对战结果
  const wrWin = Math.random() > 0.5;
  
  setGameState(prev => {
    const newWrScore = prev.wrScore + (wrWin ? 1 : 0);
    const newCbScore = prev.cbScore + (wrWin ? 0 : 1);
    let isGameOver = false;
    let winner = null;

    // 判断三局两胜的结束条件
    if (newWrScore >= 2 || newCbScore >= 2) {
      isGameOver = true;
      winner = newWrScore > newCbScore ? 'WR' : 'CB';
    }

    return {
      ...prev,
      wrScore: newWrScore,
      cbScore: newCbScore,
      isGameOver,
      winner
    };
  });
};

这种方式既保留了React状态管理的优势，又避免了零散useState带来的更新混乱，比全换成普通变量要靠谱得多——普通变量无法触发UI更新，你最后还是得手动处理渲染逻辑，反而更麻烦。

内容的提问来源于stack exchange，提问作者bneuro