Component未响应state变化：NgRx中navStack状态更新失效排查

• 违反Redux不可变更新原则：你在处理AddPageToStack action时，直接复用了原state中navStack的引用：let newStack = {...state}.navStack 这行代码仅复制了state外层对象，并未创建新的栈实例，后续调用push方法实际是直接修改原状态的属性。Redux通过浅比较引用判断状态是否变化，引用不变时会认为状态未更新，因此DevTools看不到变更、selector也不会触发新值通知。
• Reducer case逻辑缺陷：你贴出的AddPageToStack case块末尾没有添加break语句，也没有直接return新state，会导致case穿透，后续逻辑可能覆盖你对state的修改。

修改Reducer中AddPageToStack的处理逻辑，创建全新的栈实例再更新：

case ParticipantViewActionTypes.AddPageToStack: {
    // 基于原有栈元素创建全新的栈实例，可根据你的Stack实现调整复制逻辑
    const newStack = new Stack<string>();
    // 复制原有栈的所有元素到新栈
    state.navStack.forEach(page => newStack.push(page));

    const topElement = newStack.peek();
    if(!topElement || topElement !== action.payload) {
        newStack.push(action.payload);
    }

    // 直接返回新state，不需要赋值给state变量再加break，避免case穿透问题
    return {
        ...state,
        navStack: newStack
    };
}

如果你的Stack类支持通过已有元素初始化，可以简化复制逻辑，比如const newStack = new Stack(state.navStack.toArray())，只要保证返回的是全新的栈实例即可。

• 确认navState$对应的selector是否正确绑定了state中的navStack属性，避免选择器写错导致拿不到最新值。
• Effect中switchMap的回调逻辑里，当participant不存在时没有返回值，会抛出异常，可以补充返回空数组return []避免运行时报错。

内容的提问来源于stack exchange，提问作者SomeStudent