React Native setState未立即更新导致井字棋玩家切换异常问题

• React中setState是异步批量执行的，调用setState后不会立刻修改this.state，你在onTilePress里调用switchPlayer后立刻打印this.state.currentPlayer，拿到的还是更新前的旧值，不是状态没更新，是读取时机不对。你switchPlayer里setState的回调打印的日志才是更新后的真实值，可以先核对这部分日志确认。
• 隐藏问题1：你对二维数组gameState的拷贝方式错误，slice()只能实现浅拷贝，修改新数组的内层元素仍然会直接修改原state中的值，违反React状态不可变的原则，可能导致后续更新异常。
• 隐藏问题2：你调用完switchPlayer后立刻执行BotMove()，此时状态还未更新，BotMove里读取的currentPlayer仍然是玩家1的值，自然不会触发bot的落子逻辑。
• 逻辑缺陷：原来的代码在切换玩家后才判断胜负，不符合游戏规则——当前玩家落子后如果已经获胜，不需要再切换玩家，直接结束游戏即可。

1. 修正二维数组拷贝逻辑 #

将gameState的浅拷贝改为深拷贝，保证状态修改符合不可变要求：

// 原来的错误写法
// var arr = this.state.gameState.slice();
// 修正为深拷贝二维数组
var arr = this.state.gameState.map(row => [...row]);

2. 合并状态更新，将依赖新状态的逻辑放入回调 #

把修改gameState和切换玩家的逻辑按执行顺序梳理，所有依赖新状态的逻辑（胜负判断、Bot移动）都放到setState的回调中执行，确保拿到的是最新状态：
修改后的参考代码：

switchPlayer = (newPlayer, callback) => {
   console.log("Previous player: "+this.state.currentPlayer);
   this.setState(
    {currentPlayer: newPlayer},
    () => {
      console.log("Current player: "+this.state.currentPlayer);
      callback?.(); // 状态更新完成后执行传入的回调逻辑
    }
   );
};

onTilePress = (row, col, ValidMove) => {
   if (ValidMove == 1) {
       var value = this.state.gameState[row][col];
       if (value !== 0) { return;}

       var PlayerNow = this.state.currentPlayer;   
       console.log(row, col, PlayerNow);

       // 修正二维数组深拷贝
       var arr = this.state.gameState.map(row => [...row]);
       arr[row][col] = PlayerNow;

       // 先更新棋盘状态
       this.setState({gameState: arr}, () => {
         // 棋盘更新完成后先判断胜负
         var winner = this.getWinner();
         if (winner == 1) {
            Alert.alert("Player 1 has won!");
            this.initializeGame();
            return;
         }
         if (winner == -1){
            Alert.alert("Bot has won!");
            this.initializeGame();
            return;
         }
         if (this.checkTie() == 9){
            Alert.alert("It's a draw!");
            this.initializeGame();
            return;
         }

         // 胜负未分再切换玩家
         const nextPlayer = PlayerNow === 1 ? -1 : 1;
         this.switchPlayer(nextPlayer, () => {
           // 玩家切换完成后再执行bot移动
           if(nextPlayer === -1) {
             this.BotMove();
           }
         });
       });
   }
   else {
       Alert.alert("Player 1, please make a move!");
   }
}

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