Как перенаправить на другой URL-адрес с помощью React Router?

Question

Мне нужно знать, можно ли указывать маршрут на другой URL.

В настоящее время, когда я типа локальный, это перенаправление на локальный (очевидно)

Однако я хочу, чтобы перенаправить его непосредственно на локальный/питание.

Вот мой текущий код сниппета:

var Index = React.createClass({ 
    render: function() { 
     return <Router history={history}> 
      <Route path="/" component={Layout}> 
       <IndexRoute component={WeekMenu}/> 
       <Route path="meals" component={WeekMenu}/> 
      <Route path="register" component={Register}/> 
      </Route> 
    </Router> 

Ну, по умолчанию, когда я попал в «локальный» он перенаправляет меня на «питание», поскольку мой указательный маршрута redirectin к «WeekMenu» то будет тот же компонент я призываю к «приему пищи».

Но URL остается прежним т.е. «локальный»

Может реагировать маршрутизатор изменить URL слишком «локальный/питание»?

Заранее спасибо.

Answer 1

Вы можете использовать IndexRedirect для этого:

<Router history={history}> 
     <Route path="/" component={Layout}> 
      <IndexRedirect to="/meals" /> 
      <Route path="meals" component={WeekMenu}/> 
      <Route path="register" component={Register}/> 
     </Route> 
</Router> 

Это автоматически перенаправляет посетителя на /meals страницу, если он посещает /.

Дополнительная информация React documentation