[英]Integrate Immer with NgRx reducer
查看 redux 和 ngrx,似乎 immer 是推荐的库,可以在存储之前生成状态副本。 按照 immer 示例,我将以下代码添加到我的减速器中:
on(exampleActions.updateExample, (state, { example }) => {
return produce((state: ExampleType, draft: ExampleType) => {
draft.push({ example });
draft[1].done = true;
});
})
并且打字稿抱怨no-shadowed-variable
,这与示例冲突。 此外,我无法在没有返回类型错误的情况下返回该值。
在example
是多级对象的情况下:
const example = {
a: {
b: { c: 1 }
}
};
draft
需要完全取消引用。
没有很多 immer 和createReducer
集成的例子,因为这是 2019 年的最新变化。我应该禁用 immer 的no-shadowed-variable
规则还是有更好的模式来确认state
和example
都正确取消引用。 example
是一个多层次的对象。
或者,我可以避免使用 immer 并使用 ramda clone
或尝试手动深度复制所有内容。
这就是ngrx-etc解决的问题,使用mutableOn
函数(使用 Immer)
const entityReducer = createReducer<{ entities: Record<number, { id: number; name: string }> }>(
{
entities: {},
},
mutableOn(create, (state, { type, ...entity }) => {
state.entities[entity.id] = entity
}),
mutableOn(update, (state, { id, newName }) => {
const entity = state.entities[id]
if (entity) {
entity.name = newName
}
}),
mutableOn(remove, (state, { id }) => {
delete state.entities[id]
}),
)
可以在此处找到源代码,您应该朝着正确的方向前进。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.