Reactjs 反应路由器5：为什么我的有效，而我的无效？

我有一个我认为是标准的路由设置：

<BrowserRouter>
  <Switch>
    <Route component={SubPage} exact path="/sub/path" />
    <Route component={FrontPage} exact path="/" />
  </Switch>
</BrowserRouter>

当我手动导航到/sub/path时，一切正常。当我点击一个标准链接时，它也可以正常工作

但是，当我使用并单击它时，我会被导航到/sub/path的URL。。。但它的组件不会被渲染。我没有看到子页面，而是继续看到首页，即使URL发生了变化

---

如果我刷新页面，或者前后移动，路由器就会启动，但由于某种原因，使用Link会使它无法呈现路由。有人能提出原因吗？

路由和链接必须由相同的BrowserRouter实例包装。确保他们在各自的故事中共享相同的BrowserRouter实例

也不要在你的应用程序中有多个BrowserRouter实例或任何路由器

<BrowserRouter>
  <>
   <Link to="/sub/path">SubPage</Link>
   <Link to="/">Home</Link>
  <Switch>
    <Route component={SubPage} exact path="/sub/path" />
    <Route component={FrontPage} exact path="/" />
  </Switch>
  </>
</BrowserRouter>

---

你在哪里呈现你的链接？