2017-01-12 12 views
3

私はリンクを持つリアクタールーターを使用してURLを変更し、トラフアプリをナビゲートしています。測定値のリストで、私はこのコードで編集を読み込むにユーザーをナビゲート:リアクタールーター間違ったURLをリンクする

<Link to={`readings/edit/${reading.id}`} params={{id: reading.id}}> 

私は、次のルートを定義しています

<Route path="/" component={App}> 
     <IndexRoute component={Greetings}/> 
     ... 
     <Route path="readings/edit/:id" component={requireAuth(ReadingEdit)}/> 
     <Route path="readings/:tab" component={requireAuth(ReadingListContainer)}/> 
     ... 
    </Route> 

ナビゲーションはそれが必要として動作しますが、URLが間違っている、それがあるべきhttp://localhost:8000/readings/edit/5ではなく、http://localhost:8000/readings/readings/edit/5です。つまり、サイトをリフレッシュすると、ルータはパスを見つけられません。

どうすれば問題を解決できますか?

+2

あなたのリンクタグに読み込み前に/を追加しようとしましたか? –

+1

オハイオ州、それは解決策です。大きな感謝と、私は2時間のように1つの図を描くようにしていた...しかし、なぜリンクはそれを行うのですか? – alphiii

+1

リンクはおそらく/をルートパスとして使用し、残りをルートに追加します。 /を使用しない場合は、ブラウザの現在のURLをrootとして使用しています。私の推測では、あなたがルーティングしているURLは "http:// localhost:8000/readingings /"です。 –

答えて

6

コメントで説明したように、リンクタグに読み込みを追加すると問題が解決されます。

関連する問題