在 React 中的所有可用路线上使用 Navbar 是不是一种不好的做法？

Question

我总是在所有屏幕上使用导航栏。 在所有可用屏幕上使用导航栏是一种不好的做法吗？

Answer 1

始终建议Reusability 在单独的组件中包含重复代码，然后重用该组件，这样您就不会重复代码。如果您想更改该组件中的某些内容，您只需更改其中的一部分，而不是任何地方。

如果您希望所有路由都包含此组件，请将其添加到路由器之前，以便始终包含它。比如这样：

render(){
  <div>
    <h1>test</h1>
    <Switch>
      <Route exact path="/"  component={Home} />
      <Route path="/messages" component={Messages} />
      <Route path="/about" component={About} />
    </Switch>
  </div>
}

所以test 将始终呈现无论您选择什么路线。

如果您想要创建一个布局，例如对于只为登录用户显示导航栏的私人路线（这是最常见的情况），请查看this answer in SO。