Angular 10-使用Redux插入数据

问题描述

我正在使用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包含新数据,当我执行插入操作时,它以可视方式生成新记录,但是我丢失了旧数据,如何合并{ {1}}和state.students以可视方式显示所有数据。

谢谢。

解决方法

尝试

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