React Redux仅配置preSelected依赖时state更新不触发useEffect问题

核心根因：渲染期Redux更新被拦截 #

你收到的Warning: unstable_flushDiscreteUpdates: Cannot flush updates when React is already rendering.警告是定位问题的核心线索：你项目中修改state.getTabReducer.preSelected的dispatch操作，触发时机刚好发生在React的渲染流程中（比如在某个组件的render函数、useMemo、同步useEffect里直接触发了dispatch），不属于React允许的正常更新时机。

• 第一种写法中，mapStateToProps只返回preSelected单个属性，此时react-redux的connect高阶组件的浅比较逻辑，会把这种渲染期触发的更新判定为无效更新直接拦截，导致Table组件没有拿到最新的preSelected props，useEffect自然不会触发，所以表现不稳定，只有部分场景能命中。

为什么加多余属性就可以正常运行？ #

当你在mapStateToProps里新增available属性后，connect每次比对props的浅比较逻辑会发生变化：只要preSelected或者available任意一个值变化，就会生成新的props对象返回给Table组件。这种情况刚好绕开了渲染期更新的拦截逻辑，所以即使dispatch时机不对，也能触发props更新，useEffect就能正常命中。
你提到的两种preSelected取值方式const {preSelected} = props和const preSelected = props.preSelected没有任何逻辑差异，能正常运行的核心原因都是新增了available属性绕开了更新拦截。

正确修复方案（不需要加多余属性） #

1. 优先排查上游触发preSelected修改的dispatch逻辑，把渲染过程中触发的dispatch移到正常的更新时机：比如放到事件处理函数、或者useEffect的异步执行逻辑中，先解决unstable_flushDiscreteUpdates警告，警告消除后第一种写法就能正常运行。
2. 如果无法修改上游dispatch逻辑，可以给connect添加配置关闭浅比较优化，强制Redux更新时始终传递新的props：

export default connect(mapStateToProps, mapDispatchToProps, null, { pure: false })(Table);

该方案会带来额外的组件重渲染开销，仅作为临时兜底方案使用。

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