リアクタルータ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>