толчок подталкивать к состоянию

Question

Может кто-нибудь объяснить, почему я не получаю ожидаемый результат здесь?

const initialState = {
  items: ['cats'],
};

const reducer = (state = initialState) => {
  return {
    ...state,
    items: state.items.push('dogs'),
  };
};

console.log(reducer()); // { items: 2 }

Ожидаемый результат : { items: ['cats', 'dogs'] }
Фактический результат : { items: 2 }

PS: я думаю, что пропустил этот курс на js / redux, или мой мозг больше не работает.

Answer 1

Вы напрямую изменяете состояние с push, вместо этого используйте разброс массива:

const reducer = (state = initialState) => {
  return {
    ...state,
    items: [...state.items, 'dogs'],
  };
};