React路由器2.4.0重定向不正确的行为

Question

有人可以给我一些帮助。

我是新来reactjs和尝试实施最新版本的反应和反应路由器库简单的应用程序。我在文档API中发现，重定向元素应该可以工作。

主要元素

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")); 

路线

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; 

我不知道的是，我的错误或错误的东西与此元素的库版本。此外，找不到页面不能正常工作。看来这是我的错，我无法修复它。有什么建议么？

Answer 1

把重定向的PageNotFound路线前（假设它的最坏情况下的场景），并修改路径PageNotFound像以下：

<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>