Search code examples
javascriptreactjsreduxreact-routerreact-router-redux

Get url params inside a Redux middleware using React-router


I'd like to extract the URL params inside a Redux middleware in order to dispatch an action and use those values in the payload.


Solution

  • 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