我有一个React Router,它具有三个路由,这些路由仅在使用Link组件导航到它时才起作用。如果我使用相同的URL刷新页面,则路由不会被点击。我无法确定应用程序中的其他路线与这些路线有何不同。
我已经尝试了Switch组件,因为它看起来完全符合我的需要,但我仍然得到相同的结果。
这是我的第一次尝试。
<BrowserRouter>
// This route works on refresh and through <Link>
<Route path={`/component/:parameter1/:parameter2/:parameter3`} component={View} />
// These two do not
<Route path={`/component/:parameter1/:parameter2/:parameter3/browse`} component={View} />
<Route path={`/component/:parameter1/:parameter2/:parameter3/:parameter4`} component={View} />
</BrowserRouter>
也尝试过
<BrowserRouter>
// This route works on refresh and through <Link>
<Route path={`/component/:parameter1/:parameter2/:parameter3`} component={View} />
<Switch>
// These two do not
<Route path={`/component/:parameter1/:parameter2/:parameter3/browse`} component={View} />
<Route path={`/component/:parameter1/:parameter2/:parameter3/:parameter4`} component={View} />
</Switch>
</BrowserRouter>
我希望所有这三条路线都使用同一组件。