React route：如何在除home之外的所有路径中显示组件？ （“ /）

Question

im试图构建一个带有首页和标题的React网站，该标题会出现在应用程序的每个部分（首页（'/）除外）。哪种方法最简单？我的代码现在看起来像这样：

function App() {
  return (
    <Router>
      <Header /> {/* Header that will show everywhere except for '/' */}
      <Switch>
        <Route path="/" exact component={Frontpage} /> {/* Home frontpage component */}
        <Route path="/about" exact component={About} />
        <Route path="/projects" exact component={Projects} />
      </Switch>
    </Router>
  );
}

我正在考虑将标头组件从应用程序中取出，并将其拖到每个子路径中，尽管这不是一种非常有效的方法。

Answer 1

将标头组成需要的页面有什么问题？这根本不是无效的，正是完全为组件制造的。本来打算组成组件，所以将其弹出到页面组件中。