Как изменить элемент в reducer?

Question

[Pogran]

У меня state вот в таком виде отображается prntscr.com/cc1tmc . Не могу понять как правильно поменять данные к примеру вот здесь prntscr.com/cc1tx7 . Учитывая что ключ первый(в данном случае 0) у меня в переменной $first, а ключ второй(в данном случае тоже 0) у меня в переменной $last . В самом reducer нужный элемент я получаю вот так state[action.key1][action.key2] . а вот как его правильно изменить в state не знаю

Answer 1

[Mikhail Osher]

DEMO.

const initalState = {
  foo: 'bar',
  baz: 'pew',
  structure: [
    ['', ''],
    ['', ''],
  ],
};

const reducer = (state, action) => {
  switch (action.type) {
    case 'ADD_INPUT':
      return {
        ...state,
        structure: state.structure.map((v1, k1) => {
          if (k1 === action.first) {
            return v1.map((v2, k2) => {
              if (k2 === action.second) {
                return action.value;
              } else {
                return v2;
              }
            });
          } else {
            return v1;
          }
        }),
      };
      break;

    default:
      return state;
  }
};

const newState = reducer(initalState, {
  type: 'ADD_INPUT',
  first: 0,
  last: 0,
  value: 'foo',
});

console.log(initalState);
console.log(newState);

Comments

[Pogran]

у меня initalState = []; сейчас пишет TypeError: state.structure is undefined

[Mikhail Osher]

Pogran: это не очень важно. я показал один из возможных методов pure трансформации состояния. дальшейших ход за Вами.

[Pogran]

Mikhail Osher: а если я для своего примера напишу вот так
return state.map((v1, k1) => {
if (k1 === action.first) {
return v1.map((v2, k2) => {
if (k2 === action.second) {
return action.value;
} else {
return v2;
}
});
} else {
return v1;
}
});

это же не верно будет?