J'utilise Usestate dans la boîte de dialogue dans l'interface utilisateur réactive UI.
et j'utilise une fonction USECallback comme ceci. Il affiche un nombre incrémenté lorsque je clique sur le bouton d'incrément Exécuter ce rappel dans l'enfance. mais lorsque je ferme la boîte de dialogue et ouvrir la boîte de dialogue, comptez la réinitialisation à 0. y a-t-il de la manière dont je peux mémoriser la boîte de dialogue de comptage?
Je ne veux pas utiliser Redux.
3 Réponses :
Vous pouvez utiliser localStorage pour cela et l'utiliser pour obtenir la valeur initiale du nombre de compteurs au montage du composant à l'aide de Vous pouvez utiliser un autre utilisateur à définir la valeur du nombre ou vous pouvez le faire juste avant de définir l'état. useeffect .
Si vous souhaitez persister le code que vous avez utilisé, vous pouvez définir l'état dans le composant parent, envoyer cet état sous forme d'accessoires à la composante enfant et renvoyer la nouvelle valeur du composant enfant retour au composant parent.
Le lien suivant vous aidera à réussir les données de l'enfant vers le composant parent dans React: https://stackoverflow.com/a/444677773/8057264
Utilisation de cette approche, vous pouvez maintenir le dernier compte dans votre application.
Le problème est que lorsque vous fermez la boîte de dialogue, la boîte de dialogue des démonts de la boîte de dialogue en raison de laquelle l'ouverture du composant à nouveau la valeur de Nombre se définit sur 0.
Ce que vous pouvez faire est, envoyez la valeur au composant parent chaque fois que cela est modifié. Dans Composant parent Stockez la valeur dans Storage / local local et transmettez la valeur sous forme de composant Prop pour la boîte de dialogue.