IndexRedirect только если сегмент еще не определен?

Question

у меня есть это простое приложение:

// index.js 

import React from 'react' 
import { render } from 'react-dom' 
import { Router, Route, IndexRedirect, browserHistory } from 'react-router' 

import A from './a' 
import B from './b' 

render((
    <Router history={browserHistory}> 
     <Route path='/foo' component={A}> 
      <IndexRedirect to='1' /> 
      <Route path=':bar' component={B} /> 
     </Route> 
    </Router> 
), document.getElementById('root')) 

Когда я в /foo/3, если нажать на ссылку, которая указывает на /foo/ я попадаю в /foo/1.

Есть ли простой способ сделать перенаправление IndexRedirect уже используемому segment вместо стандартного?

Answer 1

Вы можете использовать browserHistory слушателю

browserHistory.listen(function(ev) { 
    console.log('listen', ev.pathname.split('/')); 
    var pathData = ev.pathname.split('/'); 
}); 

и заменить <IndexRedirect to='1' /> все, что вы хотите , например:

var defaultIndex = 1 
browserHistory.listen(function(ev) { 
    console.log('listen', ev.pathname.split('/')); 
    var pathData = ev.pathname.split('/'); 
    defaultIndex = pathData[1] 
}); 
<Router history={browserHistory}> 
    <Route path='/foo' component={A}> 
     <IndexRedirect to={defaultIndex} /> 
     <Route path=':bar' component={B} /> 
    </Route> 
</Router> 

это работает для меня.