IndexRedirect nur, wenn das Segment noch nicht definiert ist?

Question

Ich habe diese einfache Anwendung:

// 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')) 

Wenn ich /foo/3 bin, wenn ich auf einen Link klicken, der /foo/ verweist auf ich /foo/1 weitergeleitet.

Gibt es eine einfache Möglichkeit, die IndexRedirect Weiterleitung zu der bereits verwendeten anstatt der Standard-zu machen?

Answer 1

können Sie browserHistory Zuhörer

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

verwenden und ersetzen Sie Ihre <IndexRedirect to='1' />, was auch immer Sie zum Beispiel wollen:

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> 

das für mich arbeitet.