2016-07-07 28 views
4

私はreact-routerでプロジェクトを開発しています。反応ルータはコンポーネントをレンダリングしません

以下は私のコードです。

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

私のコードは正しいと思います。しかし、これは以下のように空になります。

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

スクリプトエラーはありません。

どうしたのですか?

+1

どのようにアクセスしていますか? 'http:// localhost/index'を使用していますか?また、他のコンポーネントを投稿して、それらが正しいかどうか確認できますか? –

+0

@WilliamMartinsいいえ、http:// localhost:8080/contextPath/index'にアクセスしています。私はノード上で使用しません。私は春とUMDビルドで使用します。そう、私はそのように使います。他のコンポーネントは正しい –

+0

これは奇妙です、あなたのリンクはレンダリングされていますか? –

答えて

1

Linkコンポーネントは現在絶対パスのみをサポートしています。

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

あなたの 'Link'が設定されているのを見てすぐにこれを投稿しました。それから私はあなたの元の質問に答えることができないことを認識します。しかし、それはあなたのコードでもう一つのエラーを修正します。 :P – xiaofan2406

関連する問題