navbarをクリックすると、毎回サブルートが追加されます

Question

私はブラウザの履歴を使ってルーティングに反応していました。技術的には非常にうまく動作します。しかし、私はfaceing午前問題は、ルートは、第二に、それはそれは localhost:portno/postLogin/page1であれば同じパスがデフォルトで

、同様に付加されます取得するには、私はクリック毎回追加取得していることがlocalhost:portno/postLogin/postLogin/page2になると、それは意志別のリンクをクリックすると上になるクリックしてください

   `var Router = require('react-router').Router; 
       var Route = require('react-router').Route; 
       var IndexRedirect = require('react- router').IndexRedirect; 
       var browserHistory = require('react-router').browserHistory; 


       module.exports = React.createClass({ 
        render:function(){ 
         return(
          <Router history={browserHistory}> 
           <Route path="/" component={preLogin}/> 
           <Route path="postLogin" component={postLogin}> 
            <IndexRedirect to="page1" /> 
            <Route path="page1" component={page1}/> 
            <Route path="page2" component={page2}/> 
            <Route path="page3" component={page3}/> 
           </Route> 
          </Router> 
          )} 
       }); 

に私のナビゲーションバーのページは

<li><Link to={"postLogin/page1"}></Link></li>
<li><Link to={"postLogin/page2"}></Link></li>

一つとしてリンクされたコンテンツを持っているlocalhost:portno/postLogin/postLogin/postLogin/page3のでなること私がやってみました事は変更は以下のようにリンクすること ですが、それは私にエラーを与え、私はそれが間違ってやっている <li><Link to={"page2"}></Link></li>

を「ルーターがどのルートを一致しませんでしたリアクト」？

Answer 1

のようなルートをすべて <Link to={"/postLogin/page1"}></Link>のように開始する必要があります。
このようにして、urlは親ルートには追加されず、親ルートに追加されます。