Making dispatch + store available to middleware arguments.

[andrewmclagan]

When adding an extra argument, such as an API helper. Is it possible to make the store and dispatch available to the argument.

e.g. Adding a token from the store to all API requests.

const reduxThunkMiddleware = thunk.withExtraArgument(api);

and in the api argument:

// ...
function api(dispatch, getState) {
    return fetch('/authenticated/route', { token: getState().token });
}
// ...

[amirvt]

This is what i used:

const api = new Api();
const store = createStore(
  reducer,
  applyMiddleware(thunk.withExtraArgument(api))
)
api.setDispatch(store.dispatch);

and then in Api:

someApiMethod(){
  this._dispatch(someAction);
}

[timdorr]

You can do this by passing them into your extra arg:

const api = (dispatch, getState) => fetch('/api', { token: getState().token }))

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

// later
function fetchUser(id) {
  return (dispatch, getState, api) => {
    api(dispatch, getState)
  }
}