Reactjs 反应路线：如何在除主路线外的每条路线中显示组件？（“/）

我正在尝试建立一个React网站，它有一个frontpage和一个header，除了主页（'/）之外，它会出现在应用程序的每个部分上。哪种方法最简单？我现在的代码如下所示：

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>
  );
}

函数应用程序（）{
返回(
{/*头，将显示除“/”*/}之外的所有位置
{/*主页frontpage组件*/}
);
}

---

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

将标题组合到需要它的页面中有什么不对？这根本不是无效的，这正是组件的用途。组件是要组合的，所以将其弹出到页面组件中。

为什么不分别在“关于”和“项目”组件中导入标题组件？这正是组件的用途。以路由器组件为例，我想创建动态链接，所有链接中都有一个头。因此，为了做到这一点，我必须每次直接将Header组件加载到应用程序中