J'utilise réacteur-routeur pour la première fois. J'essaie d'obtenir les boutons sur la page d'accueil pour accéder à son URL respective, mais lorsque je clique sur un bouton, l'URL change, mais pas la vue. Je ne reçois aucune erreur sur la console, non plus. Je me demandais si quelqu'un peut souligner ce qui se passe. J'ai enveloppé chaque bouton avec une liaison et a attribué le chemin dont il a besoin d'aller à l'affût. Je me demandais si quelqu'un peut souligner ce que je fais mal.
homepage.js app.js index.js
3 Réponses :
Essayez de placer votre itinéraire racine à la fin de la liste.
Depuis: P>
A
code> examine à travers ses enfants code> s et rendu le premier celui qui correspond à l'URL actuelle. P> blockquote> de https://reacttraining.com/react- Routeur / Web / Guides / Démarrage rapide P>
<Switch> <Route path="/DadJokes" component={DadJokesApi} /> <Route path="/SportsJokes" component={SportsJokesApi} /> <Route path="/ProgrammingJokes" component={ProgrammingJokesApi} /> <Route path="/" component={HomePage} /> </Switch>
Votre commutateur correspond à la première route à chaque fois. Vous devez utiliser
<Route exact path = '/' component = {Component}/>
Vous pouvez utiliser la propriété Lorsque True, ne correspondra que si le chemin correspond à l'emplacement.PathName exactement.
Vous pouvez lire plus ici HTTPS: // réacttraining.com/react-router/web/api/route/exact-bool Le résultat doit ressembler à ceci: exacte sur vos itinéraires.