Как я могу обновить состояние внутри массива объектов с помощью 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"}))
}