Redux 中间件未调度新操作

Question

我正在创建一个监听特定操作的 Redux 中间件。如果该操作类型与我要查找的内容匹配，我想发送另一个操作。这样做的原因是因为我有一些共享功能的不同组件，所以我想更新操作以具有相似的类型，但不同的有效负载（术语），如下所示：

const updateActions = store => next => action => {
    console.log(action);
    if (action.type === 'UNIQUE_ACTION_A') {
        return next({ type: 'NEW_ACTION', term: 'new_action_a_test' });
    } else if (action.type === 'UNIQUE_ACTION_B') {
        return next({
            type: 'NEW_ACTION',
            term: 'new_action_b_test'
        });
    }
    return next(action);
};

const store = createStore(
    rootReducer,
    composeWithDevTools(applyMiddleware(thunk, updateActions))
);

我遇到的问题是这些操作没有调度。当我 console.log 所有动作时，它们会继续正常运行，而不是调度新动作。就好像调度这些动作的调用被忽略了。我在这里做错了什么？谢谢！

Answer 1

中间件内部的next 和dispatch 之间存在差异。 dispatch 向调度链的最开始发送一个动作，这将导致它运行通过管道中的所有中间件。 next 在这个中间件之后将其发送到 next 中间件，并最终发送到 reducer。通过调用next({type : "NEW_ACTION"})，您将其发送到下一个中​​间件，而这个中间件永远不会看到"NEW_ACTION"。

另见the Redux FAQ entry on next vs dispatch in middleware。