reagieren Router rendern nicht Komponente

Question

Ich entwickle mein Projekt mit react-router.

unten ist mein Code.

const App2 = React.createClass({ 
    render() { 
     return (
      <div> 
       <Link to="index">index</Link> 
       <Link to="favorite">favorite</Link> 
       <Link to="myPage">myPage</Link> 
       {this.props.children} 
      </div> 
     ) 
    } 
}); 

var app = ReactDOM.render (
    <Router history={browserHistory}> 
     <Route path="/" component={App2}> 
      <Route path="index" component={PhotoFeedWrapper}/> 
      <Route path="favorite" component={FavoriteWrapper}/> 
      <Route path="myPage" component={MyPageWrapper}/> 
     </Route> 
    </Router>, 
    document.getElementById('app') 
); 

ich denke mein Code richtig. aber diese rendern leer wie unten.

<div id="app"><!-- react-empty: 1 --></div> 

gibt es keinen Skriptfehler.

Was habe ich falsch gemacht?

Answer 1

Link Komponente unterstützt derzeit nur absoluten Pfad. Sie müssen zu ändern:

<Link to="/index">index</Link> 
<Link to="/favorite">favorite</Link> 
<Link to="/myPage">myPage</Link>