ReactJS阻止导航条在某些组件上呈现

Question

我正在尝试创建一个web应用程序。该应用程序有一个主页，关于，常见问题和;增加页面。导航条将呈现在上面的页面上。我不希望它呈现在我的身份验证页面-登录&注册这是我的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;

如何在主页、about和FAQ页面呈现Nav组件，而不是在身份验证页面呈现

Answer 1

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