javascript - 如何使用 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"}))
}