如何使用 Redux 更新对象数组中的状态？

Question

我的应用程序有 2 个选项卡，我需要根据选项卡中的点击修改内容，我有以下状态：

const example = {
  tabs: [
    {
      id: 111,
      title: 'Python',
      icon: 'Python@2x.svg',
      content: 'Hello World'
    },
    {
      id: 333,
      title: 'EQL',
      icon: 'EQL@2x.svg',
      content: 'Hello World 2'
    }
  ]
}

我需要更改选项卡内的“内容”。 我试过这个：

return {
    ...state,
    tabs: {
      ...state.tabs,
      content: 'Uhuuuul'
    }
}

但这没有用！ 有人可以解释为什么吗？

Answer 1

使用map ：

return {
    ...state,
    tabs: state.tabs.map(tab => ({...tab, content: "Uhuuuul"}))
}