React jak schować menu dla wybranych tras w routerze

Question

Witam

Chce schować menu dla trasy /login, próbowałem robić tak jak pisali na stackoveflow ale nie działa :/

 

Probówałem zrobić tak ale mimo tego menu pokazuje się na trasie login

import React, { Component } from 'react';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import './fa-config';
import Header from "./components/Header";
import Home from './containers/Home';
import Login from "./containers/Login";

class App extends Component {
    render() {
        return (
            <Router>
                <Switch>
                    <div>
                        <Route exact path="/login" component={Login} />
                        <Route component={defaultRoute} />
                    </div>
                </Switch>
            </Router>
        );
    }
}

const defaultRoute = () => {
  return (
      <div>
          <Header />
          <main>
              <Route exact path="/" component={Home} />
          </main>
      </div>
  );
};

export default App;

 

Answer 1

Najprościej będzie, jeśli sprawdż path, jeśli jest taki to zrób to. Lepiej stworzyć prop który będzie przekazywany do komponentów które nie mają się świecić, i sprawdż czy prop istnieje i na funkcji render chyba nie muszę mówić co trzeba zrobić ;). Możesz to robić również z pozioma HOC.