redux-api-middleware中SUCCESS action的meta属性丢失问题求助

这种情况我之前也碰到过，大概率是action定义的结构问题，而非中间件的bug。咱们一步步来排查：

1. 检查RSAA action的types数组结构 #

这是最常见的错误点：如果你的types数组里，SUCCESS对应的项是字符串，中间件会自动生成基础的SUCCESS action，只会包含type和payload，不会携带自定义meta。

错误示例（导致meta丢失）：

// 错误：SUCCESS项是字符串，无法传递meta
const fetchAction = () => ({
  [RSAA]: {
    endpoint: '/api/data',
    method: 'GET',
    types: [
      { type: 'FETCH_REQUEST', meta: { requestMeta: 'foo' } }, // REQUEST的meta能保留，因为这里是对象
      'FETCH_SUCCESS', // 字符串类型，中间件自动生成的action没有meta
      'FETCH_FAILURE'
    ]
  }
});

正确做法：把SUCCESS项定义为包含type和meta的对象：

// 正确：SUCCESS项是对象，明确指定meta
const fetchAction = () => ({
  [RSAA]: {
    endpoint: '/api/data',
    method: 'GET',
    types: [
      { type: 'FETCH_REQUEST', meta: { requestMeta: 'foo' } },
      { 
        type: 'FETCH_SUCCESS', 
        meta: { successMeta: 'bar' } // 普通对象直接写
        // 或者函数形式：
        // meta: (action, state, res) => ({ total: res.headers.get('X-Total-Count') })
      },
      'FETCH_FAILURE'
    ]
  }
});

2. 验证meta函数的返回值 #

如果你的meta是函数形式，一定要确保它返回了一个有效的对象，而不是undefined。比如从响应头取数据时，要处理可能的空值：

meta: (action, state, res) => {
  // 加个兜底，避免返回undefined
  const total = res.headers.get('X-Total-Count') || '0';
  return { total: parseInt(total, 10) };
}

可以在函数里加console.log，确认返回值是否符合预期。

3. 排查其他中间件的干扰 #

如果上述都没问题，检查你的Redux中间件顺序：redux-api-middleware应该放在靠前的位置，避免后续中间件修改/移除SUCCESS action的meta属性。比如不要在它后面加过滤action属性的中间件。

4. 检查redux-api-middleware版本 #

某些旧版本（比如v3.x以前的部分版本）确实存在meta处理的bug，建议升级到最新的稳定版，再测试问题是否消失。

最后验证 #

修改完action结构后，在reducer里打印整个SUCCESS action，确认action.meta是否存在：

const reducer = (state = initialState, action) => {
  switch(action.type) {
    case 'FETCH_SUCCESS':
      console.log(action.meta); // 查看是否存在
      // ...其他逻辑
    default:
      return state;
  }
};

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