能否限制Redux状态的键值对，仅保留初始状态定义的字段？

你可以通过编写通用过滤函数的方式，自动匹配初始状态的字段结构，过滤掉API返回的多余属性，不用逐个手动指定字段。

1. 基础版：单层对象过滤 #

先写一个工具函数，只保留初始状态中存在的键：

const filterToInitialFields = (initialTemplate, apiData) => {
  return Object.keys(initialTemplate).reduce((result, key) => {
    if (apiData.hasOwnProperty(key)) {
      result[key] = apiData[key];
    }
    return result;
  }, {});
};

然后在Reducer里调用这个函数处理payload：

case 'SET_STATE':      
  return {
    ...state,
    user: filterToInitialFields(state.user, action.payload)
  } 

2. 进阶版：嵌套对象递归过滤 #

如果你的初始状态有多层嵌套结构，把函数改成递归版本，就能处理深层字段：

const filterToInitialFields = (initialTemplate, apiData) => {
  return Object.keys(initialTemplate).reduce((result, key) => {
    if (!apiData.hasOwnProperty(key)) return result;
    
    // 处理嵌套对象（排除数组和null）
    const templateValue = initialTemplate[key];
    if (typeof templateValue === 'object' && templateValue !== null && !Array.isArray(templateValue)) {
      result[key] = filterToInitialFields(templateValue, apiData[key]);
    } else {
      result[key] = apiData[key];
    }
    return result;
  }, {});
};

这种方式的优势：

• 无需手动维护字段列表，初始状态更新后过滤逻辑自动同步
• 前端侧完成处理，无需修改服务器代码
• 批量处理大量字段时效率极高

如果用的是Redux Toolkit（官方推荐写法），还可以把这个过滤逻辑集成到slice的prepare函数里，提前处理payload再传入reducer。

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