Каким образом добавить поле в объекте в редьюсере?

Question

[ivaboyto]

В store есть такой массив:

plans: [
  [ {id: 1},{id: 2},{id: 3} ],
  [ {id: 4},{id: 5},{id: 6} ],
  [ {id: 7},{id: 8},{id: 9} ],
]

В reducer прилетает такое:

case "TEST":
console.log(action.someID) // 3
console.log(action.value) // "SomeValue"
	return {
		...state,
		plans: ???
	};

Нужно иммутабельно вернуть массив plans, но в объект с id который равен action.someID, добавить новое поле с названием value которое будет равно action.value.

Тоесть в данном случае на выходе должно получиться такое:

plans: [
  [ {id: 1},{id: 2},{id: 3, value: "SomeValue"} ],
  [ {id: 4},{id: 5},{id: 6} ],
  [ {id: 7},{id: 8},{id: 9} ],
]

У меня мозг взорвался от вложенности, помогите, пожалуйста, у меня всё время массив без нового поля возвращается.

Comments

[Андрей Пике]

Вопрос не очень понятно сформулирован.
Если можно, не используйте троеточия в plans[][].
Покажите пару примеров, что прилетает, и как должно выглядеть в результате.

[ivaboyto]

поправил, помогите, пожалуйста

Answer 1

[0xD34F]

return {
  ...state,
  plans: state.plans.map(n => {
    const item = n.find(m => m.id === action.id);
    return item
      ? n.map(m => m === item ? { ...m, value: action.value } : m)
      : n;
  }),
};

Comments

[Андрей Пике]

(не по теме)
Да, красиво и лаконично.
Порог понимания - at least middle, думаю, чтобы быстро читать и разворачивать в уме.

Ну, я это пойму, но не в лёт.
А как же KISS?

JS временами превращается в Prolog.