Redux状态未更新排查：使用JSON.parse()仍无效如何解决？

咱们一步步拆解你遇到的问题：

核心错误：Reducer调用参数不符合函数定义 #

你的createReducer函数只接收两个参数：初始状态对象，以及包含所有action处理逻辑的对象。但你在reducer.js里调用时传了三个参数：

// 错误调用：额外传入了第三个参数，完全被createReducer忽略
export default createReducer(
  { data: {} },
  {
    [Action.SET_CONFIGURED_FILTERS]: (state, action) => ({ ... }),
  },
  {
    [Action.SET_CONFIGURED_FILTERS_RESYNC]: (state, action) => ({ ... }),
  }
);

第三个参数里的SET_CONFIGURED_FILTERS_RESYNC处理逻辑根本没被createReducer识别，所以当你dispatch这个action时，reducer找不到对应的处理函数，状态自然不会更新！

修复步骤 #

1. 合并Action处理逻辑到同一个Handlers对象 #

把两个action的处理逻辑合并到第二个参数中，确保createReducer能识别所有action：

import { createReducer } from '../helper';
import * as Action from './actions';

export default createReducer(
  // 建议和根初始状态的filters.data结构对齐，避免初始字段缺失
  {
    countries: [],
    divisions: [],
    companies: [],
    locations: [],
    fields: [],
    associativeFilterMap: {
      bereiche: [],
      gesellschaften: [],
    },
  },
  {
    [Action.SET_CONFIGURED_FILTERS]: (state, action) => ({
      ...state,
      [action.key]: action.value,
    }),
    [Action.SET_CONFIGURED_FILTERS_RESYNC]: (state, action) => ({
      ...state,
      [action.key]: action.value,
    }),
  }
);

这里我把reducer的初始状态改成了和根状态里filters.data一致的结构，这样初始时就有所有需要的字段，避免后续更新出现意外。

2. 确认Store的Reducer挂载路径 #

你的根初始状态结构是：

const inistialStateRedux = {
  filters: {
    data: { /* ... */ },
  },
};

需要确保这个reducer挂载在store的filters.data路径下，比如创建store时：

import { createStore, combineReducers } from 'redux';
import filtersDataReducer from './path/to/your/reducer';

const rootReducer = combineReducers({
  filters: combineReducers({
    data: filtersDataReducer,
  }),
});

const store = createStore(rootReducer, inistialStateRedux);

如果挂载路径不对，会导致状态更新的位置和你预期的不匹配。

3. 关于不可变性的补充 #

你尝试用JSON.parse(JSON.stringify(action.value))无效，其实这个操作在你的场景里不是必须的——只要action.value是新数组（比如接口返回的新数组、或者用[...oldArray]创建的新数组），直接赋值就能保证不可变性。之前无效完全是因为reducer没处理对应的action，和这个操作无关。

验证修复 #

现在重新执行dispatch：

store.dispatch(setConfiguredFiltersResync('countries', configured.countries))

你应该能看到Redux状态中的filters.data.countries被正确更新了。

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