React Native+Redux中间件：如何同时派发多个Action并执行原Action？

首先明确说：完全可以在Redux中间件里派发多个Action，你的问题其实是代码里的小细节错误导致了预期外的行为。

1. 你的中间件代码问题在哪？ #

看你给出的代码，有两个关键问题：

• 正则表达式写错了：/w*(_REJECTED)/里的w没有转义，应该是\w（匹配任意单词字符），而且最好加上$来匹配以_REJECTED结尾的action类型，避免误匹配其他包含该字符串的action。
• 没有返回next(action)的结果：虽然Redux允许不返回，但这是中间件的规范写法，能保证后续中间件和store的正常流转。

修正后的代码应该是这样：

export default ({ dispatch }) => next => action => {
  // 正确匹配所有以_REJECTED结尾的异步失败action
  if (action.type.match(/\w*_REJECTED$/)) {
    dispatch({ 
      type: "API_ERROR", 
      payload: action.payload 
    });
  }
  // 调用next让原action继续流转，并返回结果
  return next(action);
};

2. 为什么你觉得next()没执行？ #

大概率是因为正则匹配错误，导致if块根本没触发，或者你的XXX_REJECTED对应的reducer没有做任何状态更新，所以你看不到原action的执行效果，但实际上next(action)已经被调用了。

你可以在next(action)之前加个console.log(action.type)，验证一下原action是不是真的没有继续流转。

3. 关于在中间件里派发多个Action的合理性 #

这完全是合理且常见的用法！Redux的dispatch是同步方法，你可以在中间件里多次调用它来派发不同的Action，比如日志上报、全局错误提示、状态同步等场景，都可以这么做。只要你调用next(action)，原Action就会继续沿着中间件链传递，最终到达reducers。

额外提个小建议：如果API返回的错误是Error对象，你可以在派发API_ERROR时提取更有用的信息，比如错误消息、HTTP状态码等，方便后续处理：

dispatch({ 
  type: "API_ERROR", 
  payload: {
    message: action.payload.message || '未知错误',
    status: action.payload.response?.status, // 如果是axios等库的错误对象
    sourceAction: action.type.replace('_REJECTED', '') // 标记是哪个接口出错了
  }
});

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