Redux 中间件 : How to pass additional arguments to middleware

Question

我正在使用 Redux + Middleware 创建一个聊天应用程序，并且希望在调度 ADD_MESSAGE 的操作时使用中间件将对象存储在本地存储对象中:

export function storageMiddleware(store) {
return next => action => {
    const result = next(action);
    if (action.type === "ADD_MESSAGE") {
        // Add to my storage object here
    }

    return result;
};

}

如果像这样应用我的中间件:

const store = createStore(
    reducer,
    applyMiddleware(thunk, chatMiddleware)
)

我想传入我的存储对象 storage ，但在文档中找不到如何传入其他参数的任何地方。我怎样才能做到这一点？

Answer 1

您需要再添加一层函数嵌套才能使其工作。 redux-thunk 做同样的事情:

// Middleware definition
function createThunkMiddleware(extraArgument) {
  return ({ dispatch, getState }) => next => action => {
    if (typeof action === 'function') {
      return action(dispatch, getState, extraArgument);
    }

    return next(action);
  };
}

const thunk = createThunkMiddleware();
thunk.withExtraArgument = createThunkMiddleware;

// Middleware usage
const store = createStore(
  reducer,
  applyMiddleware(thunk.withExtraArgument(api))
)