Partage
  • Partager sur Facebook
  • Partager sur Twitter

Route path efface l'affichage de mon code

    22 novembre 2022 à 16:06:55

    Bonjour

    Je suis le cours créer une app complète avec React et je crois avoir vu un bug sur ce snippet

    le bug au niveau du code se trouver au niveau de la balise <React.StrictMode> qui n'est pas fermante.

    Bref voici mon problème,
    quand j'ajoute la balise <Route exact path="/"> mon code ne s'affiche plus sur le navigateur

    import React from "react";
    import ReactDOM from "react-dom";
    import { BrowserRouter as Router, Route } from "react-router-dom";
    import Home from "./pages/Home";
    import Survey from "./pages/Survey";
    
    ReactDOM.render(
      <React.StrictMode>
        <Router>
          <Route exact path="/">
            <Home />
          </Route>
          <Route path="/survey/:questionNumber">
            <Survey />
          </Route>
        </Router>
      </React.StrictMode>,
      document.getElementById("root")
    );

    Et avec ce code cela fonctionne les balises Home et Survey s'affiche

    import React from "react";
    import ReactDOM from "react-dom";
    import Home from "./pages/Home";
    import { BrowserRouter as Router, Route } from "react-router-dom";
    import Survey from "./pages/Survey";
    
    ReactDOM.render(
      <React.StrictMode>
        <Router>
          <Home />
          <Survey />
        </Router>
      </React.StrictMode>,
      document.getElementById("root")
    );

    Parcontre des que je j'ajoute la balise Route avec exact path="/" rien ne s'affiche ... Savez vous d'ou ça viens ? 

    import React from "react";
    import ReactDOM from "react-dom";
    import Home from "./pages/Home";
    import { BrowserRouter as Router, Route } from "react-router-dom";
    import Survey from "./pages/Survey";
    
    ReactDOM.render(
      <React.StrictMode>
        <Router>
          <Route exact path="/">
            <Home />
          </Route>
        </Router>
      </React.StrictMode>,
      document.getElementById("root")
    );

    Savez vous d'où ça peut venir ? 





    -
    Edité par Tortue_Ninja 25 novembre 2022 à 11:50:56

    • Partager sur Facebook
    • Partager sur Twitter

    Seul on va plus vite, ensemble on va plus loin. 'KawaBunga'

      24 novembre 2022 à 16:21:05

      up please ...
      • Partager sur Facebook
      • Partager sur Twitter

      Seul on va plus vite, ensemble on va plus loin. 'KawaBunga'

        24 novembre 2022 à 22:41:29

        Bonsoir, Évitez d'écrire un titre de sujet avec "problème" si vous postez on se doute que vous avez un problème, l'indiquer dans le titre n'apporte aucune information supplémentaire quand au contenu du sujet. 

        Merci de modifier votre titre, vous n'êtes pas débutant sur le forum!! Relire les règles du forum au besoin.

        Liens conseillés

        • Partager sur Facebook
        • Partager sur Twitter
          25 novembre 2022 à 11:51:15

          c'est changé

          • Partager sur Facebook
          • Partager sur Twitter

          Seul on va plus vite, ensemble on va plus loin. 'KawaBunga'

          Route path efface l'affichage de mon code

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          • Editeur
          • Markdown