直接进入页面时,模糊匹配仅适用于链接组件

时间:2019-07-03 22:32:56

标签: javascript reactjs react-router

我有一个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>

我希望所有这三条路线都使用同一组件。

0 个答案:

没有答案