2016-06-08 41 views
6

我使用React 15.0.2和React Router 2.4.0。 我想多PARAMS傳遞給我的路線,我不知道如何做到這一點的最好方式:使用React路由器的多個參數

<Route name="User" path="/user" component={UserPage}> 
    <Route name="addTaskModal" path="/user/manage:id" component={ManageTaskPage} /> 
</Route> 

什麼是要的就是這樣的:

<Route name="User" path="/user" component={UserPage}> 
    <Route name="addTaskModal" path="/user/manage:id:type" component={ManageTaskPage} /> 
</Route> 
+4

也許就像'path =「/ user/manage /:id /:type」'? –

+2

是的,謝謝你的回覆。我只是在想這個。還沒拿我的咖啡。需要開始我的大腦。 –

回答

21

由於@alexander -t提到:

path="/user/manage/:id/:type" 

如果你想保持他們可選:

path="/user/manage(/:id)(/:type)" 
+4

只是一個簡短的提示 - 在React Router 4中,可選的參數如下所示:'/ user/manage /:id?/:type?' – helb

0

對於可選的參數字段,出於某種原因,它在大括號()內的冒號之前沒有斜槓就可以正常工作。 React-router 2.6x