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 indexitinéraire :

    Vous pouvez envelopper un ensemble de routes dans une route de mise en page et spécifier une indexroute :


  • <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

    Posts les plus consultés de ce blog

    Erreur Symfony : "Une exception a été levée lors du rendu d'un modèle"

    Détecter les appuis sur les touches fléchées en JavaScript

    Une chaîne vide donne "Des erreurs ont été détectées dans les arguments de la ligne de commande, veuillez vous assurer que tous les arguments sont correctement définis"