Erreur 404 personnalisée

Définitions Digital > Erreur 404 personnalisée

Dans React Router v6, la gestion robuste d’une page d’erreur 404 personnalisée s’effectue en déclarant une route avec path="*" placée en dernière position dans le composant <Routes>.

Ce joker universel capture toutes les URLs non correspondantes aux routes définies précédemment, permettant d’afficher un composant dédié (ex: <NotFound />).

Cette approche est explicite, conforme aux bonnes pratiques de React Router, et évite tout comportement imprévisible lié à l’ordre d’évaluation des routes.

<Routes>
  <Route path="/" element={<Home />} />
  <Route path="/about" element={<About />} />
  {/* ... autres routes ... */}
  
  {/* Route 404 : TOUJOURS en dernier */}
  <Route path="*" element={<NotFound />} />
</Routes>
Les contenus de définition restent publics. Les ressources (outils, grilles, supports) liées à cette fiche sont disponibles dans l’espace membre.

Plus de publications