Dev Faq
0
votes

Réagir le lien de routeur ne rendant pas le composant mais change l'URL

//NavBar.js
<Link to="/"  Home > </Link>
4 commentaires

Pouvez-vous partager votre code dans Sandbox

rien ne semble être éteint. Avez-vous des erreurs de console? Existe-t-il un code associé au routeur entourant ceci ou dans le composant parent?

La console est claire. Cela ne se passe qu'avec '/'. Toutes les autres navigations de composants fonctionnent bien. Comme / développeur / Connexion à / Developer / Registre. Mais de / développeur / registre ou tout autre composant à "/" change l'URL, mais le composant d'atterrissage ne se charge pas. Pour l'instant, je suis

S'il vous plaît partager un bac à sable

3 Réponses :

0
votes

Essayez d'ajouter exactement dans le chemin d'itinéraire. 

import { BrowserRouter as Router, Route, Switch} from 'react-router-dom'
               <Router>
                <Fragment>
                    <Navbar />
                    <Switch>
                        <Route exact  path="/" component={Landing}/>
                        <Route exact   path="/developer/register/" component={RegisterDev} />
                        <Route exact   path="/developer/login/" component={LoginDev} />
                        <Route exact   path="/developer/dashboard/" component={Landing} />
                        <Route exact   path="/agency/register/" component={RegisterAgency} />
                        <Route exact   path="/agency/login/" component={LoginAgency} />

                        <Route component={NotFound} />
                    </Switch>
                </Fragment>
            </Router>

3 commentaires

J'ai déjà essayé cela. Pas d'Utilisation. Je suppose qu'il y a quelque chose à voir avec le commutateur. Aussi essayé DebugRouter, les chemins de journalisation de la console vont bien, mais cela ne rend pas le composant pour /

Prenez cette ligne hors de l'interrupteur et commencez également la route Notfound. Il fonctionne dans des scénarios ci-dessus, mais le problème est-il chargé de la page d'atterrissage avec tous les autres itinéraires. Mais lien vers / fonctionne si je le place hors du commutateur. Si je pousse à l'intérieur pour changer, le composant ne rend pas

Je suppose que vous avez historyapifallback défini comme true dans votre WebPack Dev Server config. Avez-vous déjà défini cela?

0
votes 
<Link to="/">Home</Link>
0 commentaires
0
votes

J'ai trouvé le problème. J'aurais dû partager mon composant de page d'atterrissage dans la question. J'utilise un curseur JQuery dans mon composant d'atterrissage. Je suppose que le routage de réagissance ne chargera pas la page car tout est virtuel. La raison pour laquelle il travaillait avec HREF, car il rechargne toute la page d'accueil.

avec peu de recherche que j'ai trouvé Paquet Loadjs

Maintenant, je peux charger des scripts de curseur JQuery avec charger JS et mon lien vers / fonctionne bien sans problème. Merci à tous ceux qui ont commenté et ont répondu. J'aurais dû poster un composant de page d'atterrissage.

0 commentaires

Articles qui pourrait vous intéresser :

Mon application create-react ne parvient pas à se compiler en raison d'une erreur ESLint
Erreur: Node Sass version 5.0.0 est incompatible avec ^ 4.0.0
La réinitialisation de React-hook-form fonctionne correctement, les champs de saisie ne se vident toujours pas après l'envoi
Changer le format numérique du champ d'entrée dans le mode d'édition de ligne de table d'Antd?