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