将中间件应用于单个商店

Question

在redux中，您可以轻松创建中间件。 我有一个看起来像这样的东西，很容易应用到我的整个商店。

function socketMiddleware(store) {
  const socket = io.connect(SOCKET_URL);
  socket.on('connect', () => store.dispatch({ type: CONNECTED }));

  return next => action => {
    // does something with the socket.
  }
}

但是，我想提供一种中间件，只要调度更新该减速器的操作，该中间件就只能在商店中的单个减速器上运行。 那是：

export default wrapWithMiddleware((state = INITIAL_STATE, action) => {
  switch (action.type) {
    default:
      return state;
  }
})

在redux中这可能吗？

Answer 1

中间件执行中间件的工作：在每个请求（在这种情况下为操作）到达其端点（归约器）之前，或者由于某种原因被中间件暂停之前，都要对其进行处理。

因此，您需要确保中间件可以某种方式识别您的操作。 例如， redux-thunk通过检查动作是否为函数来标识动作，而redux-form为其动作类型使用前缀（类似于@REDUX_FORM/YOUR_ACTION_NAME ）。 这就是您应该考虑的方式，因为否则它将违背中间件的目的。