减速器的行为很奇怪

Question

直奔问题。 每次我为新用户创建一个新房间时，该应用程序都可以正常工作。但是，一旦我尝试向现有房间添加新用户，我就会失去该房间中所有以前的用户。

代码位于 - https://codesandbox.io/embed/xenodochial-tree-w75r8

假设我要将两个用户（max 和 payne）添加到一个名为 cool 的全新房间，我希望输出如下所示。

从房间：

chatData:
  cool:
  message: {}
  users: Array(2)
      0: "max"
      1: "payne"
      length: 2
      proto: Array(0)
      proto: Object
  cricket: {users: Array(3), messages: Array(2)}

Answer 1

我认为您需要在附加新值之前复制您在 users 数组中的先前状态。这就是您失去所有以前用户的原因。

case "EXISTING_ROOM_NEW_USER":
  return {
    ...initState,
    [action.payload.roomname]: {
      users: [...initState[action.payload.roomname].users, action.payload.username],
      message: {}
    }
  };