在ngrx reducer中设置默认状态值

时间:2020-08-11 09:25:33

标签: angular ngrx ngrx-store

在商店中,我有几个数组,字符串等。

export const INITIAL_TEST_STORE: TestState = {
    one: null,
    two: null,
    three: false,
    four: {},
};

在上方,您可以看到初始状态值-所有状态值均正常工作。

但是当我调度明确的操作(并设置初始状态)时:

on(clearState, state => ({
    ...INITIAL_TEST_STORE
})),

four节点仍然是旧值,而不是空的{}

如果我执行以下操作:

on(clearState, state => ({
    ...INITIAL_TEST_STORE,
    four: {}
})),
    

一切正常。我想知道为什么吗?问题是不可变的?但是...就是一样...

2 个答案:

答案 0 :(得分:1)

INITIAL_TEST_STORE是否已在代码库中的其他位置更新? 如果调试减速器,则可以确定。

仅供参考,您也可以不使用传播运算符就返回INITIAL_TEST_STORE,但这不会改变结果。

答案 1 :(得分:1)

Spread运算符执行对象的浅表副本,four是嵌套级别的对象,spread运算符不会重置它。

on(clearState, state => ({
    ...INITIAL_TEST_STORE
    four: { ...INITIAL_TEST_STORE.four }
})),

有关片段应重置状态。