<Route path="/menu" element={<Menu />}>
<Route path="featured" element={<Featured />} />
<Route path="previous" element={<Previous />} />
<Route path="favourites" element={<Favourites />} />
<Route path=":categoryId/:menuId" element={<MenuDetail />} />
</Route>
<Route path="/menu" element={<Menu />} />
<Route path="/menu/featured" element={<Featured />} />
<Route path="/menu/previous" element={<Previous />} />
<Route path="/menu/favourites" element={<Favourites />} />
<Route path="/menu/:categoryId/:menuId" element={<MenuDetail />} />
我以为这两个代码做的是一样的事情,但发现他们不是.第一个是菜单ROUTE下的嵌套路由,第二个是常规路由. 显然,第二个代码是我希望它做的事情.
第一个,当我go 到
-
"/menu/featured"
个 -
"/menu/previous"
个 "/menu/favourites"
"/menu/:categoryId/:menuId"
他们都给了我Menu
分,我不想要.所以我不得不try 第二个代码来实现我想要的.
但它们不是一样的吗?
如果我想用嵌套的路由来实现我想要的,我应该怎么写这段代码?