реагирует на редуктор, добавляя объект в массив в объект

Question

Я работаю над приложением реагировать на избыточностьУ меня есть объект состояния, такой как

const initialState = {
  articles: []
};

каждый элемент в «статей» похож на

{
    id:1,
    data:'data'
}

Мне нужно добавить еще один объект в массив, не удаляя существующие объекты в массиве.

Я попытался

return {...state,articles: [...state.articles] };

в моем редукторе, но в итоге он удаляет существующие элементы.

что должно быть, чтобы он не удалял существующие элементы?

Answer 1

Вы должны распространить ваши текущие статьи в новый массив, как вы это сделали, и добавить полезную нагрузку из вашего действия.

return { ...state, articles:  [...state.articles, payload] }

Пример того, как должно выглядеть ваше действие:

export function addArticle(article) {
    return { type: "ADD_ARTICLE", payload: { article } };
}

Answer 2

В режиме возврата редуктора используйте immutable update pattern

return { ...state, articles: action.payload.data };
для получения дополнительной информации о неизменяемой схеме редуктора .