Maintenant que ce sont des messages d'erreur, nous recevrons des messages d'erreur pendant le développement et les lire est une chose super importante à
faire car ils peuvent vraiment nous aider à découvrir ce qui ne va pas.
Passons maintenant aux erreurs qui ne génèrent pas nécessairement des messages d'erreur ou là où vous devez creuser un
peu plus pour trouver la cause première. Maintenant, disons par exemple que dans l'application. js, nous voulions savoir
si nous supprimions vraiment le bon objectif ici. Pour savoir si c'est le cas, nous pouvons consigner notre ID d'objectif
ici, peut-être ajouter du texte d'information comme à supprimer devant cela, afin que nous obtenions des informations sur ce qui s'imprime ici, puis nous avons bien sûr notre liste
objectifs ici, c'est donc la liste sans que l'élément ne soit supprimé, puis nous voudrions le voir après cela, mais la façon dont cette fonction
d'état définie ici fonctionne à la fin, la façon
dont React met à jour l'état, il
suffit d'imprimer à nouveau les objectifs du cours dans cette ligne ne nous donnera pas
les objectifs du cours déjà mis à jour, mais qui ne seront mis à
jour que dans le prochain cycle de rendu.
Nous ne verrons donc pas nos objectifs de cours là-bas, mais ce n'est pas un
problème, nous avons juste besoin de les enregistrer à un endroit différent, nous les enregistrons ici dans notre composant. Là, nous enregistrons les objectifs du cours et ce composant entier
sera rendu de nouveau lorsque nous mettrons à jour nos objectifs de cours avec cette
ligne, donc
cela se réexécutera, afin que nous puissions peut-être simplement ajouter un petit journal de console, composant de re-rendu, afin que nous sachez que la liste d'objectifs de cours
que nous imprimons après celui-ci est la liste après chaque cycle de rendu, tandis que la liste d'objectifs de cours que nous imprimons après cette
ligne à supprimer est la liste d'objectifs de cours avant de supprimer un objectif de cours
et maintenant nous avons ajouté quelques instructions de journal de console qui nous
permettent de plonger dans le flux de notre code. Avec cela, si je sauvegarde cela, l'application redémarre et nous voyons déjà un composant de
rendu qui a du sens, il est rendu la première fois et nous voyons que nous avons un tableau vide
qui a également du sens parce que nous n'avons rien ajouté.
Ajoutons maintenant un nouvel objectif, peut-être ici sur Android, terminons le cours. Si nous faisons cela, nous voyons les composants de nouveau
rendu, est logique parce que nous avons ajouté quelque chose et puis le plus important pour l'autre nouveau
rendu où nous avons ajouté un élément, nous voyons cet élément ici dans le
tableau, nous voyons également l'ID de cet élément et la valeur qui semble bien. Maintenant, ajoutons peut-être un autre élément, apprenons React Native et ajoutons ceci et nous le voyons
ici, nous venons de voir que c'est un tableau
avec deux éléments si nous développons cela ici. Nous pouvons donc maintenant examiner notre code et maintenant supprimons un élément en cliquant
dessus et supprimons la fin de l'élément de cours avec l'ID 0. 818 et ainsi de suite.
Donc, si je clique sur terminer le cours,
vous voyez qu'il est supprimé, il semble donc fonctionner correctement et
notre journal de la console le confirme, nous effectuons un nouveau rendu, nous restituons notre tableau avec cet ID uniquement, donc avec
l'autre l'élément que nous n'avons pas supprimé et là-haut, nous voyons que cet ID est supprimé
ici, ce journal provient de cette ligne avant de le supprimer,
il est donc toujours inclus, mais pour le prochain cycle de rendu, nous voyons que ce L'identifiant ici n'est en effet
plus inclus.
Bien sûr, c'est un peu un exemple
inventé, nous voyons bien sûr que cela se comporte correctement ici, mais imaginez simplement que vous avez un flux plus complexe
dans votre code que vous souhaitez déboguer, alors de telles instructions de journal de console peuvent vraiment vous aider à comprendre comment
votre le code est en cours d'exécution, à quelle fréquence il s'exécute et si les valeurs correctes sont utilisées.
Ainsi, les instructions de journal de console peuvent vraiment être utiles si vous les exportez dans votre code,
n'oubliez pas de les supprimer éventuellement afin de ne pas surcharger votre code avec des tonnes d'instructions de journal de console.