嘗試匹配兩個網址參數時發出警告

Question

我第一次將React-Routing納入反應應用程序。

我的目的是嵌入兩個變量到URL，如

/項目/ ABC /人/ 123

其中ABC是項目ID和人123人ID。

我建立了以下路線。

<Router> 
    <Route path="/" component={App}> 
     <IndexRoute component={PageIndex}/> 
     <Route path="about" component={PageAbout}/> 
     <Route path="people/:projectId" component={PagePeople}> 
      <Route path="person/:personId" component={Person}/> 
     </Route> 
    </Route> 
</Router> 

該應用程序實際上運行正常，但瀏覽器正在拋出控制檯錯誤。

警告：位置 「人/ SE /人/ 2」 沒有匹配的路由

有什麼建議？

感謝，

L.

Answer 1

你試試這個？ 我認爲它會正常工作。

<Router> 
<Route path="/" component={App}> 
    <IndexRoute component={PageIndex}/> 
    <Route path="about" component={PageAbout}/> 
    <Route path="people/:projectId" component={PagePeople}/> 
    <Route path="people/:projectId/person/:personId" component={Person}/> 
</Route>