以不变的方式更新数组中的对象之一

Question

在React的this.state中，我有一个名为的属性，formErrors其中包含以下动态对象数组。

[
  {fieldName: 'title', valid: false}, 
  {fieldName: 'description', valid: true},
  {fieldName: 'cityId', valid: false},
  {fieldName: 'hostDescription', valid: false},
]

假设我需要将具有fieldName的state对象更新cityId为的有效值true。

解决此问题的最简单或最常见的方法是什么？

我可以使用任何库immutability-helper，immutable-js等或ES6。我已经尝试并在Google上搜索了4个多小时，但仍然无法绕开它。非常感谢您的帮助。

Answer 1

您可以map用来迭代数据并检查fieldName，如果fieldName是cityId，则需要更改值并 返回一个新对象，
否则就return一样object。

这样写：

var data = [
    {fieldName: 'title', valid: false}, 
    {fieldName: 'description', valid: true},
    {fieldName: 'cityId', valid: false},
    {fieldName: 'hostDescription', valid: false},
]

var newData = data.map(el => {
                  if(el.fieldName == 'cityId')
                     return Object.assign({}, el, {valid:true})
                  return el
              });

this.setState({ data: newData });