Warum wird nicht meine Seite, wenn reagieren-Router

Question

mit Verwendung history.push wechselt ich eine einzelne Seite Anwendung Website habe ... Im Folgenden finden Sie einige meinen Code ...

var createBrowserHistory = require('history/lib/createBrowserHistory'); 
var history = createBrowserHistory(); 
history.push('account/person'); 

Wenn ich auf eine Schaltfläche klicken Ich kann die URL des Browsers auf http://IP/account/person ändern, aber nichts passiert, immer noch auf derselben Seite.

Aber wenn ich url direkt zu http://IP/account/person durch Eingabe ersetzen, wird die Seite auf die richtige Seite zugeordnet.

Unten ist mein reagieren Fräser Config

<Router history={new createBrowserHistory()}> 
    <Route path='/account' component={Gift}></Route>                                  
    <Route path='/account/person' component={Person}></Route>                                                                                                      
</Router> 

Warum dies geschehen?

Answer 1

Ich glaube, Sie brauchen ein anderes Objekt zu importieren, um die programmatische Routing zu handhaben:

https://github.com/reactjs/react-router/blob/master/docs/guides/NavigatingOutsideOfComponents.md

import { browserHistory } from 'react-router' 
browserHistory.push('/account/person')