ReactJS 防止 Navbar 在某些组件上呈现答案

【问题标题】：ReactJS Prevent Navbar from rendering on certain componentsReactJS 防止 Navbar 在某些组件上呈现
【发布时间】：2021-10-26 22:53:08
【问题描述】：

我正在尝试创建一个网络应用程序。该应用程序有一个主页、关于、常见问题和成长页面。导航栏将呈现在上面的页面上。我不希望它出现在我的身份验证页面上 - 登录和注册这是我的 Index.js：

ReactDOM.render(
  <>
    <Router>
      <App />
      <Route exact path="/register" component={Register} />
    </Router>
  </>,
  document.getElementById("root")
);

); 这是我的 App.js：

function App() {
  return (
    <>
      <Nav />
      <Route exact path="/" component={Home} />
      <Route exact path="/about" component={About} />
      <Route exact path="/faq" component={FAQs} />
    </>
  );
}

export default App;

如何在主页、关于和常见问题页面上而不是在我的身份验证页面上呈现 Nav 组件

【问题讨论】：

标签： javascript reactjs react-router react-router-dom

【解决方案1】：

最简单可行的选择是在每个需要它的组件上包含Nav。即分别放在Home, about and faq pages里面。

【讨论】：

我猜你是对的。谢谢
@OluwaferanmiAjiboye 如果您觉得答案有帮助，请将其标记为正确。