將對象添加到另一個 object

Question

我正在嘗試在 object 中添加 object ，其中 id 作為反應提供者的鍵。 以下是用例。

const [memberList, setMemberList] = useState({
  homeTeam: [],
  awayTeam: [],
  homeTeamClone: {},
});

我可以成功地將成員添加到數組中，但是我更熱衷於將其添加到homeTeamClone object 中。

object = {"id":"3a21b0a-1223-46-5abe-67b653be5704","memberName":"Adam"} 的示例

我希望最終結果為

homeTeamClone: {
  "3a21b0a-1223-46-5abe-67b653be5704": {"id":"3a21b0a-1223-46-5abe-67b653be5704","memberName":"Adam"},
  "3a21b0a-1223-46-5abe-67b653be5705": {"id":"3a21b0a-1223-46-5abe-67b653be5705","memberName":"Chris"},
  "3a21b0a-1223-46-5abe-67b653be5706": {"id":"3a21b0a-1223-46-5abe-67b653be5706","memberName":"Martin"},
}

我試過Object.assign(homeTeamClone, member)但沒有得到預期的結果。

提前致謝。

Answer 1

如果問題是如何設置單個成員，那么您可以這樣做：

const member = { id: '3a21b0a-1223-46-5abe-67b653be5704', memberName: 'Adam' };

setMemberList({
  ...memberList,
  homeTeamClone: {
    ...memberList.homeTeamClone,
    [member.id]: member,
  },
});

在這種情況下，傳播所有舊值並添加新值。 （如果再次添加相同ID的用戶，object值將來自新用戶）