Reagieren Router 2.4.0 umleiten falsches Verhalten

Question

Könnte mir jemand Hilfe zur Verfügung stellen.

Ich bin neu zu reactjs und versuche, einfache App mit den neuesten Versionen von Reagieren und Reagieren-Router-Bibliotheken zu implementieren. Ich habe in der Docs-API gefunden, dass Redirect-Element funktionieren sollte.

Hauptelement

var React = require("react"); 
var ReactDOM = require("react-dom"); 

var ReactRouter = require('react-router'); 
var Router = ReactRouter.Router; 
var routes = require('./routes'); 
var browserHistory = ReactRouter.browserHistory; 

ReactDOM.render(<Router history={browserHistory}>{routes}</Router>, document.getElementById("app")); 

Routen

var React = require('react'); 
var Router = require('react-router'); 
var IndexRoute = Router.IndexRoute; 
var Route = Router.Route; 
var PageNotFound = require('./components/NotFountpage'); 
var Redirect = Router.Redirect; 

var routes = (
    <Route path="/" component= {require('./components/app')} > 
     <IndexRoute component={ require('./components/homePage')} /> 
     <Route path="/about" component={require('./components/aboutPage')} /> 
     <Route path="*" component={PageNotFound} /> 
     <Redirect from="/azaza" to="/about"/> 
     </Route> 
    ) 

module.exports = routes; 

Ich weiß nicht, ist, dass mein Fehler oder etwas falsch mit Bibliothek Version dieses Elements. Auch die nicht gefundene Seite funktioniert nicht richtig. Scheint es ist meine Schuld, weil ich es nicht beheben kann. Irgendwelche Vorschläge?

Answer 1

Setzen Sie die Umleitung vor dem PageNotFound Route (es ist das Worst-Case-Szenario angenommen wird), und ändern Sie den Pfad für PageNotFound wie folgt vor:

<Route path="/" component= {require('./components/app')} > 
    <IndexRoute component={ require('./components/homePage')} /> 
    <Route path="/about" component={require('./components/aboutPage')} /> 
    <Redirect from="/azaza" to="/about"/> 
    <Route path="/*" component={PageNotFound} /> 
</Route>