Stockage des composants rendus et de l'état : comment persister lors des rechargements de pages ?

Question

Je développe une application de tableau de bord que les utilisateurs peuvent personnaliser pour afficher les composants de leur choix. Une fois configurés, comment sauvegarder cet état pour que lorsque l'utilisateur revisite l'application, celle-ci charge les mêmes paramètres qu'à son départ ?

Par exemple, j'ai à disposition les composants suivants : A, B, C, D, E。用户配置他们的仪表盘只渲染A, C, D。我希望当用户重新加载或重新访问页面时，渲染相同的组件（A, C, D) et leurs états respectifs. Je ne veux pas que l'utilisateur doive reconfigurer l'application à chaque fois.

J'ai envisagé de stocker les données dans un fichier texte, mais je ne sais pas comment reconvertir ces données en composant. Aucune suggestion?

Answer 1

Si vous parlez de sauvegarder des données dans votre navigateur, vous disposez de plusieurs options :

• Stockage local
• DB indexée
• Cookies

Stockage client

Pour React, vous pouvez également trouver des éléments comme useLocalStorage（类似于useState) qui simplifient l'utilisation ci-dessus par exemple. Pourtant, une API de navigateur pure pourrait être assez simple.

Mais, en réalité, la solution peut dépendre de la manière dont vous définissez (identifiez) vos « utilisateurs ». Est-ce lui qui a ouvert le navigateur ? Ou une personne connectée à votre application ?