J'essaie de déterminer pourquoi les itinéraires imbriqués ne fonctionnent pas dans mon composant enfant. Qu'est-ce que j'oublie ici? Vous trouverez ci-dessous la composante qui ne parvient pas à afficher tout lorsque vous essayez les deux itinéraires "/" et "/add-new-strategy".
Père est mon composant. et Ceci est la composante enfant qui ne présente rien même si j'ai eu le et le fait. toute aide serait appréciée.
3 Réponses :
Essayez:
import { BrowserRouter, Route, Switch } from 'react-router-dom'
<BrowserRouter>
<Switch>
<Route path="/add-new-strategy" component={AddNewStrategy} />
<Route path="/" exact component={Dashboard} />
</Switch>
</BrowserRouter>
J'ai essayé que juste maintenant et ça n'a pas fonctionné. Rien n'est dans le DOM à l'intérieur du
Désolé que cela ne fonctionnait pas non plus. Mais j'ai trouvé une solution et postez ici.
J'ai découvert que l'utilisation de userOutematch code> pour spécifier le chemin complet fonctionné. import React from 'react'
import {
Switch,
Route,
useRouteMatch
} from 'react-router-dom'
import { AdminSideBar } from '../../AdminSideBar'
import { AddNewStrategy } from '../AddNewStrategy'
export const Admin = () => {
const { path } = useRouteMatch()
return (
<div className="container-fluid">
<div className="row">
<AdminSideBar />
<div className="col-md-9 ml-sm-auto col-lg-10 px-md-4">
<Switch>
<Route path={`${path}/add-new-strategy`}>
<AddNewStrategy />
</Route>
<Route path={path} exact>
Dashboard should show up here...
</Route>
</Switch>
</div>
</div>
</div>
)
}
Il y a 2 autres méthodes pour itinérez à partir d'un composant à la suivante, pour un routage imbriqué définir une URL complète et donner exactement "vrai" Veuillez essayer ces