browserHistory.push navigiert nicht zur neuen Seite

Ich habe browserHistory auf einem Router folgendermaßen eingerichtet (react-router 2.0):

import { browserHistory } from 'react-router'

function requireAuth(nextState, replace) {
    if (!services.auth.loggedIn()) {
        replace({
            pathname: '/login',
            state: { nextPathname: nextState.location.pathname }
        })
    }
}

export default (store) => (
  <Router history={browserHistory}>
    <Route path='/' component={AppLayout}>
      <Route path="login" component={LoginContainer} />
      <Route path="map" component={MapContainer} onEnter={requireAuth} />
    </Route>
  </Router>
);

Ich versuche dann, browserHistory im React-Router zu verwenden, um programmgesteuert aus einer Ansicht heraus zu einer neuen Seite zu route

 import { browserHistory } from 'react-router'

 ...

 browserHistory.push('/map');

Hierdurch wird die URL in / map geändert, die Komponenten in dieser Route werden jedoch nicht gerendert. Was mache ich falsch

Antworten auf die Frage(4)

Ihre Antwort auf die Frage