IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

React Discussion :

Navbar qui redirige pas vers la page


Sujet :

React

  1. #1
    Membre à l'essai
    Homme Profil pro
    demandeur d'emploi
    Inscrit en
    octobre 2018
    Messages
    15
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : demandeur d'emploi

    Informations forums :
    Inscription : octobre 2018
    Messages : 15
    Points : 16
    Points
    16
    Par défaut Navbar qui redirige pas vers la page
    Bonjour,

    Voila le problème, je fais un site pour m'entrainer et j'utilise mdbootstrap pour certains composants dont ma navbar. Le soucis est que quand je clique sur n'importe lequel des onglets le chemin s'affiche correctement dans la barre d'adresse mais ne va pas sur la page demandé. Je suis obligé de faire Entrée pour accéder a la page. J'utilise react-router pour créer les routes et tout a l'air bon du coup je comprend pas d'où ca peut venir.

    Merci d'avance pour vos réponses!!!


    Code xml : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    <Router>
          <MDBNavbar color="default-color" dark expand="md">
            <MDBNavbarBrand>
              <strong className="white-text">Navbar</strong>
            </MDBNavbarBrand>
            <MDBNavbarToggler image="https://mdbootstrap.com/img/svg/hamburger3.svg?color=00FBD8" onClick={this.toggleCollapse("navbarCollapse11")} />
            <MDBCollapse id="navbarCollapse11" isOpen={this.state.collapseID} navbar>
     
              <MDBNavbarNav left>
     
                <MDBNavItem active>
                  <MDBNavLink to="/">Accueil</MDBNavLink>
                </MDBNavItem>
     
                <MDBNavItem>
                  <MDBNavLink to="/component/Carte">La carte</MDBNavLink>
                </MDBNavItem>
     
                <MDBNavItem>
                 <MDBNavLink to="/component/Contact">Accès & contact</MDBNavLink>
                </MDBNavItem>
     
              </MDBNavbarNav>
     
              <MDBNavbarNav right>
                <MDBNavItem>
                  <MDBNavLink className="waves-effect waves-light" to="#!">
                    <MDBIcon fab icon="facebook" />
                  </MDBNavLink>
                </MDBNavItem>
     
              </MDBNavbarNav>
            </MDBCollapse>
          </MDBNavbar>
        </Router>

  2. #2
    Membre à l'essai
    Homme Profil pro
    demandeur d'emploi
    Inscrit en
    octobre 2018
    Messages
    15
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : demandeur d'emploi

    Informations forums :
    Inscription : octobre 2018
    Messages : 15
    Points : 16
    Points
    16
    Par défaut
    Finalement j'ai trouvé il fallait juste enlevé les balises Router au début et a la fin de mon composant.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Mon hébergeur ne redirige pas vers ma page index
    Par aclait dans le forum Serveurs (Apache, IIS,...)
    Réponses: 2
    Dernier message: 15/05/2014, 13h02
  2. Réponses: 2
    Dernier message: 24/01/2013, 23h08
  3. Tomcat ne redirige plus vers ma page d'accueil
    Par troumar dans le forum Tomcat et TomEE
    Réponses: 2
    Dernier message: 13/12/2012, 15h58
  4. Réponses: 2
    Dernier message: 07/07/2009, 11h17
  5. Réponses: 5
    Dernier message: 19/02/2009, 20h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo