Jonny 的回答是正确的（永远不要改变给你的状态！）但我想补充一点。如果您的所有对象都有 ID，那么保持状态形状嵌套通常是个坏主意。

这：

{
  items: {
    1: {
      id: 1,
      links: [{
        id: 10001
      }]
    }
  }
}

是一种难以更新的形状。

不必这样！你可以像这样存储它：

{
  items: {
    1: {
      id: 1,
      links: [10001]
    }
  },
  links: {
    10001: {
      id: 10001
    }
  }
}

这更容易更新，因为任何实体都只有一个规范副本。如果您需要让用户“编辑链接”，则只有一个地方需要更新——而且它完全独立items于links.

要将您的 API 响应变成这样的形状，您可以使用normalizr。一旦服务器操作中的实体被规范化，您就可以编写一个简单的 reducer 将它们合并到当前状态：

import merge from 'lodash/object/merge';

function entities(state = { items: {}, links: {} }, action) {
  if (action.response && action.response.entities) {
    return merge({}, state, action.response.entities);
  }

  return state;
}

real-world有关此类方法的演示，请参阅 Redux示例。

React 的update()immutability helper是一种方便的方法，可以创建一个普通旧 JavaScript 对象的更新版本，而无需对其进行变异。

你给它一个要更新的源对象和一个描述需要更新的部分和需要进行的更改的路径的对象。

例如，如果一个操作具有id和link属性，并且您想将 推link送到以 为键的项目中的链接数组id：

var update = require('react/lib/update')

// ...

return update(state, {
  items: {
    [action.id]: {
      links: {$push: action.link}
    }
  }
})

（示例使用 ES6 计算属性名称action.id）