Reactjs 路由路径始终渲染

我有一个连接的路由器设置，例如：

无论我在哪个路径（即/CounterView或/RouterView），我总是看到底部呈现的“HomeView”，如果我在根URL（/）中，我只看到HomeView

---

如何使HomeView仅在根URL中显示？

在react router v4中，您可以通过提供确切的道具来实现，以便进一步阅读查看

---

将

精确的

添加到您的

HomeView

路线中

React路由器v4将显示所有返回true的

match.location.pathname.includes（path）

，除非在路由上包含

exact

您可以在官方文档中阅读有关该物业的信息

<div>
  <Firebase />

  <LoginPopup />
  <RegisterPopup />
  <NavMenuContainer />
  <Navigation />


  <Route path={'/counter'} component={CounterView} />
  <Route path={'/router'} component={RouterView} />
  <Route path={'/calender'} component={CalenderView} />
  <Route path={'/'} component={HomeView} />
</div>

<div>
  <Firebase />

  <LoginPopup />
  <RegisterPopup />
  <NavMenuContainer />
  <Navigation />


  <Route path={'/counter'} component={CounterView} />
  <Route path={'/router'} component={RouterView} />
  <Route path={'/calender'} component={CalenderView} />
  <Route path={'/'} exact component={HomeView} />
</div>