javascript - 除了登录页面，我如何在任何地方渲染 Nav 组件？

Question

// MAIN FUNCTION { APP START }
const App = () => {
  return (
    <Router>
      <Nav /> 
      <Switch>
        <Route to="/" exact component={Home} />
        <Route to="/login" exact component={Login} />
      </Switch>
    </Router>
  );
};

export default App;

我只想让 Nav 组件在除登录页面之外的任何地方呈现？？

标签： javascriptreactjsreact-router-dom

Answer 1

您可以将它与 Home 一起放在路由组件中。

<Router> <Switch>
   <Route path="/" exact>
      <Nav />
      <Home />
   </Route>
   <Route to="/login" exact component={Login} />
</Switch> </Router>