使用React-Router在Redux中间件中获取url参数

Question

我想在Redux中间件中提取URL参数，以便调度操作并在有效负载中使用这些值。

Answer 1

In order to achieve your goal , you can use redux-router

This library allows you to keep your router state inside your Redux store. So getting the current pathname, query, and params is as easy as selecting any other part of your application state.

after that you can get your params from middleware

export const someMiddleware = store => next => action=> {
    /// get params
    let params = store.getState().router.params;

    ///then do what you want...........
    next(action)
};

MORE INFO

Answer 2

You don't need to access params inside the middleware. A common pattern is just to access params via props in the component from where you want to dispatch the action.

Something like this:

this.props.dispatch(yourAction(this.props.params));

Note that you need to make dispatch available to your component by using react-redux Connect method . For example:

export default connect()(YourComponent);