react-native（mobX）：如何向現有對象添加新對象

Question

我試圖將一個new object添加到現有object 。

在我的mobx Store我有一個包含one user的現有對象：

@observable user = {
    id: 101,
    email: 'kevin@dev.com',
    personalInfo: {
        name: 'kevin',
        address: {
            city: 'Costa Mesa',
            state: 'CA'
        }
    }
}

我想向現有對象添加另一個用戶：

id: 102,
    email: 'john@dev.com',
    personalInfo: {
        name: 'john',
        address: {
            city: 'New York',
            state: 'NY'
        }

    }

我希望我的最終代碼如下所示：

@observable user = {
    id: 101,
    email: 'kevin@dev.com',
    personalInfo: {
        name: 'kevin',
        address: {
            city: 'Costa Mesa',
            state: 'CA'
        }
    },
    id: 102,
    email: 'john@dev.com',
    personalInfo: {
        name: 'john',
        address: {
            city: 'New York',
            state: 'NY'
        }
    }
}

將另一個對象添加到現有對象的正確格式是什么？

這行得通嗎？

updateObjectState (){

const user2 = {
  id: 102,
  email: 'john@dev.com',
  personalInfo: {
      name: 'john',
      address: {
          city: 'New York',
          state: 'NY'
      }
  }
}
  store.pressedDate = [...store.pressedDate, user2] 
}

提前致謝！

Answer 1

無法獲得理想的結果，因為重復了id，所以它將覆蓋最后一個id，將每個用戶包裝在object中或使用數組

使用id作為鍵並放置值，要添加新用戶時，只需在用戶上創建一個新的鍵值對

@observable user = {
    '101':{
           id: 101,
           email: 'kevin@dev.com',
           personalInfo: {
           name: 'kevin',
           address: {
             city: 'Costa Mesa',
             state: 'CA'
           }
      }
   }
}

或者將用戶作為數組添加新用戶，只需在用戶中推送值

@observable user = [{
    id: 101,
    email: 'kevin@dev.com',
    personalInfo: {
        name: 'kevin',
        address: {
            city: 'Costa Mesa',
            state: 'CA'
        }
    }
}]

PS-我不確定您如何使用數據，但我會采用對象方式，