Question

我正在使用@ngrx/entity，这将创建如下所示的状态：

{
   ids: [1, 2, 3],
   entities: [
     1: {id:1, title: "Some title", likes: {count: 1}},
     2: {id:2, title: "Some title", likes: {count: 1}},
     3: {id:3, title: "Some title", likes: {count: 1}}
   ]
}

@ngrx/entity确实为我们提供了一些更新项目的好帮手，但是（从我在文档中可以看到）似乎仅限于更新WHOLE实体。

但是，当用户切换“赞”按钮时，我希望在我的化简器中仅使用响应更新该state.entities[2].likes属性。

关于如何解决这个问题的任何想法？

Answer 1

因为您的状态是一成不变的。您需要更新所有实体。 @ ngrx / entity附带了一些帮助程序，您可以用来更新1个实体。在您的情况下，您需要使用updateOne方法。 https://ngrx.io/guide/entity/adapter

它看起来像这样：

adapter.updateOne(
{
  id: 2,
  changes: {...state.entities[2], likes: value}
},
state
);

Answer 2

您可以按照@Remi的说明手动进行更改，也可以使用map方法：

 const newState = adapter.map(
      book =>
        book.title === TheGreatGatsby.title
          ? { ...book, name: 'foo' }
          : book
      state
    );

使用@ ngrx / entity，如何更新项目数组

2 个答案: