• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

React jak schować menu dla wybranych tras w routerze

Aruba Cloud - Virtual Private Server VPS
0 głosów
103 wizyt
pytanie zadane 20 października 2018 w JavaScript przez `Krzychuu Stary wyjadacz (13,940 p.)

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;

 

1 odpowiedź

0 głosów
odpowiedź 20 października 2018 przez ShiroUmizake Nałogowiec (46,300 p.)
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.

Podobne pytania

0 głosów
0 odpowiedzi 259 wizyt
pytanie zadane 14 lutego 2024 w JavaScript przez JaaO Początkujący (490 p.)
0 głosów
1 odpowiedź 455 wizyt
pytanie zadane 30 maja 2022 w JavaScript przez Zaqu93 Gaduła (4,850 p.)
0 głosów
1 odpowiedź 284 wizyt
pytanie zadane 16 stycznia 2020 w JavaScript przez Exoduss Nowicjusz (120 p.)

93,335 zapytań

142,331 odpowiedzi

322,415 komentarzy

62,670 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...