在React-router 1.0中注册路由更改

Question

Don't you know how can I register a route change in React-router 1.0? I have tried few classic react event listeners like onChange and it's not working. Any ideas?

Answer 1

您可以尝试使用onEnter / onLeave挂钩。

Answer 2

If you have Redux in your project and use redux-router or redux-simple-router , you can add a middleware to capture their route change actions.

This is how it can be for redux-simple-router:

import {createStore, applyMiddleware} from 'redux';
import {syncReduxAndRouter, routeReducer, UPDATE_PATH} from 'redux-simple-router';

function routeListenerMiddleware({ dispatch, getState }) {
    return next => action => {
        if(action.type === UPDATE_PATH) {
             // deal with path update here.
        }
        next(action);
    }
}

const createRouteAwareStore = applyMiddleware(routeListenerMiddleware)(createStore)

Then you have the store, which intercepts route changes.