我有App.tsx
中的Routes
:
<Routes>
<Route path="/" element={<Dashboard />} />
<Route path="/create" element={<CreateGame />} />
<Route path="/game/:id/*" element={<GameRoutes />}></Route>
<Route path="*" element={<NotFound />} />
</Routes>
在GameRoutes
中,我有几个NavLink
:
<ul>
<NavLink to={"/"}>Dashboard</NavLink>
<NavLink to={"/mercenaries"}>Mercenaries</NavLink>
<NavLink to={"/missions"}>Missions</NavLink>
<NavLink to={"/vault"}>Vault</NavLink>
</ul>
如何使用这些链接在“game/:id”中导航,而无需明确输入to
(to={"game/:id/mercenaries"}
)?例如,我想转到“https://some.page/game/1“,然后当导航链接显示我想转到例如“https://some.page/game/1/mercenaries“时,只需单击雇佣兵导航链接。
1条答案
按热度按时间o0lyfsai1#
您可以使用***相对***链接路径,而不是绝对链接路径。
"."
是指呈现链接的当前路径,假定由GameRoutes
在"/game/:id"
上呈现。示例: