javascript - 如何将参数传递给自定义 Redux 中间件？

Question

我想将一个参数传递给一个自定义的 Redux 中间件。但我不知道如何在自定义中间件中使用参数。

例子：

import { createStore, applyMiddleware } from 'redux';
import reducers from './reducers';

const customMiddleWare = store => next => action => {
  // how to use argument here?
};

const middlewares = [customMiddleWare(argument)];

const store = createStore(
  reducers,
  applyMiddleware(...middlewares)
);

Answer 1

由于中间件是函数，您可以创建一个包装函数，该函数将接受您的参数并返回您的中间件函数，该函数将可以访问提供的参数。

例子：

const middlewareWrapper = customArgument => store => next => action =>
  console.log(customArgument);
}

const middlewares = [middlewareWrapper(argument)];

const store = createStore(
  reducers,
  applyMiddleware(...middlewares)
);