existe-t-il un moyen de définir une route par défaut avec React-Router v6
Je ne trouve tout simplement pas le moyen de définir une route par défaut avec react-router v6
Est-ce parce que ce n'est plus une bonne programmation ?
Quelqu'un peut-il me dire pourquoi?
Merci d'avance
Raphaël
Solution du problème
Si je comprends correctement votre question sur une route "par défaut", j'interprète cela comme l'un des éléments suivants :
Utiliser un index
itinéraire :
Vous pouvez envelopper un ensemble de routes dans une route de mise en page et spécifier une index
route :
<Routes>
<Route path="/*">
<Route index element={<ComponentA />} />
<Route path="pathB" element={<ComponentB />} />
<Route path="pathC" element={<ComponentC />} />
</Route>
</Routes>
La route d'index est la route qui sera mise en correspondance et rendue lorsque le chemin correspond exactement au chemin de la route parent racine.
Rediriger vers une route "par défaut" si aucune autre route ne correspond :
Vous pouvez également rendre une redirection vers la route que vous considérez comme la route "par défaut".
<Routes>
<Route path="/pathA element={<ComponentA />} />
<Route path="/pathB" element={<ComponentB />} />
<Route path="/pathC" element={<ComponentC />} />
<Route path="*" element={<Navigate to="/pathA" replace />} />
</Routes>
Commentaires
Enregistrer un commentaire