NGRX -如何通过reducer更新数组中对象中的字段？

NGRX是一个用于构建响应式应用程序的状态管理库，它基于Redux的概念。在NGRX中，我们可以通过reducer来更新数组中对象的字段。

首先，我们需要定义一个reducer函数，它接收一个初始状态和一个action作为参数，并返回一个新的状态。在这个reducer函数中，我们可以使用不可变性原则来更新数组中对象的字段。

假设我们有一个名为todos的数组，每个todo对象都有一个id和一个completed字段。我们想要更新某个todo对象的completed字段，可以按照以下步骤进行操作：

在reducer函数中，使用Array.map()方法遍历todos数组，找到需要更新的todo对象。
对于需要更新的todo对象，创建一个新的对象，并将需要更新的字段进行修改。
返回一个新的状态，其中包含更新后的todos数组。

下面是一个示例代码：

import { createReducer, on } from '@ngrx/store';
import { updateTodo } from './todo.actions';

export interface Todo {
  id: number;
  completed: boolean;
}

export interface AppState {
  todos: Todo[];
}

export const initialState: AppState = {
  todos: [
    { id: 1, completed: false },
    { id: 2, completed: true },
    { id: 3, completed: false }
  ]
};

const todoReducer = createReducer(
  initialState,
  on(updateTodo, (state, { id, completed }) => {
    const updatedTodos = state.todos.map(todo => {
      if (todo.id === id) {
        return { ...todo, completed };
      }
      return todo;
    });

    return { ...state, todos: updatedTodos };
  })
);

export function reducer(state: AppState | undefined, action: Action) {
  return todoReducer(state, action);
}

在上面的代码中，我们定义了一个updateTodo的action，并在reducer函数中使用on()方法来处理这个action。在处理这个action时，我们使用Array.map()方法遍历todos数组，找到需要更新的todo对象，并创建一个新的对象来更新completed字段。最后，我们返回一个新的状态，其中包含更新后的todos数组。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。在实际开发中，你可能还需要定义其他的action和reducer来处理不同的操作。

关于NGRX的更多信息和使用方法，你可以参考腾讯云提供的NGRX相关文档和示例代码：