How can i render out the Nav component everywhere except the Login Page?

user_15246871 0
Viewed 27
// 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;

I just want that the Nav component renders everywhere except the login page ??

react-router-dom reactjs javascript
1 Answers

You can put it inside a route component along with the Home.

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