L'anglais ne me pose pas problème , j'ai seulement trouver assez bizarre qu'il aye pas une version française , c'est tout , et concernant le rapport avec Java , j'ai posté ici parce que je sais que ce forum est trés "actif" . Merci pour votre interaction
Bonsoir à tous. Je suis entrain de développer une application en utilisant ReactJS coté Front. J'utilise MDBreact pour styliser mescomposants. Je suis tombé sur une erreur qui de route qui dit: "You should not use <Route> or withRouter() outside a <Router>".
J'obtient cette erreur lorsque j'utilise le composant <MDBNavLink to="" /> dans ma barre de navigation. Merci de bien m'aider.
Bonsoir , je pense vous avez mal utilisé le composant routes il faut qu'il soit dans le BrowserRouter , sinon vous pouvez faire imp écran de votre app pour pouvoir vérifier avec vous ;)
importReact, { Component } from'react';
import {BrowserRouter} from'react-router-dom'
importRoutesfrom'./Routes'
import'./App.css';
classAppextendsComponent {
render() {
return (
<divclassName="App">
<BrowserRouter>
<Routes/>
</BrowserRouter>
</div>
);
}
}
exportdefaultApp
- Edité par IbtihelHamdi2 16 avril 2019 à 22:28:33
Bonsoir et merci déjà pour avoir réagis à ma question. En faite je ne crois pas que c'est là le problème car je l'ai importé et insérer mes routes à l’intérieur comme le montre la figure suivante:
Le code entouré est d'où provient l'erreur car le componennt NavLink de MDBreact est un lien de navigation dans la navbar( Route). Voilà les importations necessaires pour ces composants:
Toujours la même erreur !
- Edité par Jordan Kagmeni 17 avril 2019 à 20:53:53
Essaie déjà d'utiliser les composants de react-router-dom avant d'utiliser ceux de bootstrap. Essaie de reproduire ce que je te propose en dessous et si tu réussis à faire fonctionner ça, essaie de modifier le code pour y ajouter le Link de bootstrap :
Quand tu créés un projet avec create-react-app, il y a un fichier index.js dans le dossier src, modifie le code comme ça :
Ensuite à côté du fichier App.js, créé un fichier App.router.js comme ça :
Dans ce fichier tu vas pouvoir définir tes routes, ici par exemple quand dans mon application je suis sur https://monapp/ , je vais charger le composant Home, sinon si je met tout autre chemin je vais charger le composant NotFound (erreur 404 quoi). Il faut que tu mettes tes composants à la place des miens.
Ensuite dans le fichier App.js, tu appelles AppRouter directement. C'est AppRouter qui va se charger d'afficher le bon composant en fonction du chemin dans l'url de ton app. Comme ça :
Et enfin utilise <Link /> de react-router-dom pour changer de page :
Si quand tu utilises Link avec différentes routes, tu arrives à charger les différents composants que tu as définis dans App.router.js, alors tu peux essayer d'utiliser MDBNavLink
Hello World ! On en aura jamais fini d'apprendre !
Merci déjà pour la réponse. J'ai fait comme indiqué plus haut par vous, sa fonctionne parfaitement. Mais lorsque je remplace le Link component de react-router-dom par MDBNavLink de Material Design Bootstrap, j'obtiens toujours la même erreur de route. Je commence à me poser des questions sur ce fameux component mais bon, je boss pour palier à se problème. Merci encore pour vos suggestions Mr Mecadie. Toujours ouvert aux eventuelles réponses.
Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.
Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre. En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.
Au lieu de déterrer un sujet il est préférable :
·soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
·soit de créer un nouveau sujet décrivant votre propre contexte
·ne pas répondre à un déterrage et le signaler à la modération
Torador-Corporation
Torador-Corporation
Torador-Corporation
Torador-Corporation