Hello hello,
Derrière ce titre très chelou se cache une problématique assez simple.
Grosso modo j’ai deux layout. Donc je fais naturellement deux composants distincts:
/= toutes les pages avec layout 1/console= toutes les pages avec layout 2
Donc je fais un composant qui les englobe tous les deux:
class App extends React.Component {
public render() {
return (
<Router>
<Switch>
<Route path="/console" component={Console}/>
<Route path="/" component={Presentation}/>
</Switch>
</Router>
);
}
}
Naturellement j’ai besoin de définir mes deux composants, voici l’implémentation que je propose:
class Console extends React.Component {
public render() {
return (
<Router>
<div className="Console">
<Route path="/console/login" component={Login}/>
<Route path="/console/registration" component={Registration}/>
</div>
</Router>
);
}
}
class Presentation extends React.Component {
public render() {
return (
<Router>
<div className="Presentation">
<Route exact={true} path="/" component={Homepage}/>
<Route path="/features" component={Features}/>
</div>
</Router>
);
}
}
Le problème, et bien c’est que les routes sous /console renvoient sur Presentation, et que je n’ai aucune idée de comment résoudre ce problème ! Avis aux âmes qui sauraient m’aider.
Merci d’avance :3
+0
-0