Disons que j'ai les informations du compte d'un utilisateur stockées dans localStorage (côté client). J'ai besoin que mon application Next.JS rende la barre de navigation de la page Web en se basant sur ce qui est stocké dans le fichier localStorage (bouton de connexion ou de déconnexion). Comment puis-je d'abord obtenir la valeur à partir du client et puis rendre la page ? Ou peut-être que ce n'est même pas ce que Next.JS est censé faire ?
Réponse
Trop de publicités?
Vous pouvez faire quelque chose comme ça :
- Utiliser une variable dans l'état pour empêcher la page d'être rendue
- Utilice
componentDidMountpour charger des données à partir delocalStorage - Lorsque les données sont chargées, setState pour permettre au composant d'être rendu.
C'est un problème de react, pas un problème de next.js. Vous pouvez utiliser Rendu conditionnel pour l'étape 1. Aussi Pour en savoir plus sur l'État, cliquez ici et enfin componentDidMount .
