Reactjs 反应路由器:始终显示标题,但不显示在登录页中

Reactjs 反应路由器:始终显示标题,但不显示在登录页中,reactjs,react-router,react-router-v4,Reactjs,React Router,React Router V4,我当前的路由器树如下所示: <Route exact path="/" component={Landing} /> <Route component={Header} />§ <Route path="/component1" component={Component1} /> <Route path="/component2" component={Component2} /> ... § ... 我希望在呈现组件和时

我当前的路由器树如下所示:

  <Route exact path="/" component={Landing} />
  <Route component={Header} />§
  <Route path="/component1" component={Component1} />
  <Route path="/component2" component={Component2} />
  ...

§
...
我希望在呈现组件
时始终显示
,但在用户位于登录页(
)时不显示


但是,通过上面的react路由器树,
始终显示。

您可以使用
react路由器dom中的
交换机
,并配置您的路由,如

<Switch>
    <Route exact path="/" component={Landing} />
    <Route component={Header} />
</Switch>
<Route path="/component1" component={Component1} />
<Route path="/component2" component={Component2} />

在上述情况下,如果
着陆
路线匹配,则不渲染
标题
,否则渲染
标题