这个问题是由于setGroupsWPlayers没有立即更新实际的groupsWPlayer。更新只会在下一次渲染时发生，所以基本上只会应用setGroupsWPlayers循环的最后一次调用。...groupsWPlayer在这里总是相同的，所以在for循环中的第一次渲染时，你总是会从它那里得到[]。
添加一个临时变量来存储所有内容，并且只在循环外调用setGroupsWPlayers一次。

const AsignPlayersToGroupsAtRandom = () => {
  setPlayers(arrayShuffle(players));
  const tmp: { title: string; players: string[] }[] = [];
  // or
  // const tmp: { title: string; players: string[] }[] = [...groupsWPlayer];
  for (let i = 0; i <= groups.length - 1; i++) {
    console.log(i + " / " + groups.length);
    console.log("Group  =  " + groups[i]);
    tmp.push({ title: groups[i], players: players });
  }
  setGroupsWPlayers(tmp);
};

注意：如果您还希望在setPlayers(arrayShuffle(players));之后立即更新players-这不会发生，它将仅在下一次渲染时更新。