我有一个react应用程序,使用react路由控制 checkout 过程中的步骤.我试图创建一个嵌套路由,重定向回父路由.
我需要这个路径,因为在我的签出中有一个步骤,用户可以离开react应用程序访问条带签出页面.如果他们在条带签出中点击cancel,我希望他们返回到父路由,使用他们通过的相同URL参数.
现在,粗体的路由无法检索父路由的存储路径.
{/*Main Application (ID is Specified) */}
<Route path="/:storeid" element={<MainPage />}>
<Route index element= {<BuyPage />} />
<Route path="ChooseAmount" element= {<ChooseAmount/>} />
<Route path="BuySummary" element={<BuySummar/>} />
**<Route path="Buy-Canceled" element={<Navigate replace to="/:storeid" />} />**
<Route path="*" element={<Navigate replace to="/Page-Not-Found" />} />
</Route>
有什么建议吗?理想情况下,我希望避免在服务器端处理这个问题,但我知道这将是一个解决方案.
谢谢