React router 2.4.0 перенаправить неправильное поведение

Question

Может ли кто-нибудь помочь мне.

Я новичок в реакции и попробую реализовать простое приложение с последними версиями реактивных и реакционных маршрутизаторов. Я нашел в API документов, что элемент Redirect должен работать.

Главный элемент

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>