Angular 10 — вставка данных с использованием Redux

#angular #typescript #angular-redux #angular-state-managmement

#angular #typescript #angular-redux #angular-state-managmement

Вопрос:

Я использую redux для выполнения операций «CRUD».

В моем student.reduce.ts файле у меня есть этот код для создания нового регистра:

  case StudentsActionTypes.CreateStudentSucceeded:
     let studentNew = [];
 let s = state.students;
 studentNew.push(action.student);
 return {
     ...state,
     students: studentNew,
     isLoading: false,
 };
  

Объект state.students содержит существующие данные и action.student содержит новые данные, когда я выполняю вставку, он визуально генерирует новую запись, но я теряю старые данные, как я могу объединить state.students и action .student отобразить все данные визуально.

Спасибо.

Ответ №1:

Попробуйте

 case StudentsActionTypes.CreateStudentSucceeded:
return {
  ...state,
  students: [...state.students, action.student],
  isLoading: false,
};