default.js

Le fichier default.js est utilisé pour afficher un contenu de repli dans les routes parallèles (Parallel Routes) lorsque Next.js ne peut pas récupérer l'état actif d'un emplacement (slot) après un chargement complet de page.

Lors d'une navigation douce (soft navigation), Next.js garde trace de l'état actif (state) pour chaque emplacement. Cependant, pour les navigations complètes (hard navigation), Next.js ne peut pas récupérer cet état. Dans ce cas, un fichier default.js peut être rendu pour les sous-pages qui ne correspondent pas à l'URL actuelle.

Considérez la structure de dossiers suivante. L'emplacement @team a une page settings, mais @analytics n'en a pas.

Lors de la navigation vers /settings, l'emplacement @team affichera la page settings tout en conservant la page active actuelle pour l'emplacement @analytics.

Au rafraîchissement, Next.js affichera un default.js pour @analytics. Si default.js n'existe pas, une erreur 404 est affichée à la place.

De plus, comme children est un emplacement implicite, vous devez également créer un fichier default.js pour afficher un contenu de repli pour children lorsque Next.js ne peut pas récupérer l'état actif de la page parente.

Props

params (optionnel)

Un objet contenant les paramètres de route dynamique depuis le segment racine jusqu'aux sous-pages de l'emplacement. Par exemple :