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，将每个用户包装在对象中或使用数组

使用 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'
        }
    }
}]

P.S - 我不确定你是如何使用数据的，但我会用对象的方式，

react-native(mobX) ：如何将新对象添加到现有对象

react-native(mobX) : How to add a new object to existing object

javascript

reactjs

react-native

mobx