ルートが動作しない

Question

ルートabout-usが機能しません。私がルートCountryにいくつかのプレフィックスをつけるときにのみ動作します。どうすれば修正できますか？ありがとう。

<Route path="/" component={App}> 
    <IndexRoute components={Home}/> 
    <Route path=":country" components={Country}/> 
    <Route path=":country/:city" components={City}/> 
    <Route path="*" components={NotMatch}/> 
    <Route path="about-us" components={AboutUs}/> 
</Route> 

Answer 1

おかげMayankシュクラ。あなたは私に正しいderictionをくれました。

<Route path="/" component={App}> 
    <IndexRoute components={Home}/> 
    <Route path="/about-us" components={AboutUs}/> 
    <Route path=":country" components={Country}/> 
    <Route path=":country/:city" components={City}/> 
    <Route path="*" components={NotMatch}/> 
</Route> 

Answer 2

スワップこれらの2行、代わりの

：

<Route path="*" components={NotMatch}/> 
<Route path="about-us" components={AboutUs}/> 

使用この：

<Route path="about-us" components={AboutUs}/> 
<Route path="*" components={NotMatch}/> 

とルートcountryとcountry/:cityから:を削除します。このよう

：

<Route path="/" component={App}> 
    <IndexRoute components={Home}/> 
    <Route path="country" components={Country}/> 
    <Route path="country/:city" components={City}/> 
    <Route path="about-us" components={AboutUs}/> 
    <Route path="*" components={NotMatch}/> 
</Route>