javascript - 使用 React Immutability helpers 或 Immutable js React 合并不可变对象(immutable对象)数组

Question

我正在尝试使用 Reacts Immutability helpers 或 Immutable js 合并一个不可变的对象数组。我正在尝试创建一个仅包含名称已更改的记录的列表。如果名称在提交前已多次更改，我试图避免在列表中创建重复项，这让我相信合并是我需要采取的路径。下面是我正在努力实现的一个示例。

 var objArray = [{id:4, name:'bar'}, {id:10, name:'test'}];
 var newObj = {id:4, name:'foo'};

 var updatedEntries = update(this.state.nameChanges, {$merge: {newObj});

我要找的结果是:

 objArray = [{id:4, name:'foo'}, {id:10, name:'test'}]

我似乎得到的结果是:

 objArray = [{id:4, name:'foo'}]

我曾尝试使用 Facebook React 不变性助手，但似乎无法获得我需要的结果。我似乎在尝试围绕合并函数实际执行的操作时遇到了一些麻烦。感谢您的帮助。

谢谢

Answer 1

你就快完成了，你需要做的是首先过滤出你想要的对象，然后通过它在 objArray 中的索引使用 merge。 official docs展示了如何做到这一点

var objArray = [{id: 4, name: 'bar'}, {id: 10, name: 'test'}];

var i = -1;
objArray.map(function (obj, index) {
  if (obj.name === 'bar') i = index;
});

var mergeObject = {};
mergeObject[i] = {$merge: {name: 'Foo'}};

var newState = update(objArray, mergeObject);

>>  [[object Object] {
  id: 4,
  name: "Foo"
}, [object Object] {
  id: 10,
  name: "test"
}]