1 00:00:02,400 --> 00:00:09,660 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 à 2 00:00:09,660 --> 00:00:14,180 faire car ils peuvent vraiment nous aider à découvrir ce qui ne va pas. 3 00:00:14,310 --> 00:00:21,870 Passons maintenant aux erreurs qui ne génèrent pas nécessairement des messages d'erreur ou là où vous devez creuser un 4 00:00:21,870 --> 00:00:30,840 peu plus pour trouver la cause première. Maintenant, disons par exemple que dans l'application. js, nous voulions savoir 5 00:00:30,840 --> 00:00:39,390 si nous supprimions vraiment le bon objectif ici. Pour savoir si c'est le cas, nous pouvons consigner notre ID d'objectif 6 00:00:40,500 --> 00:00:50,900 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 7 00:00:50,900 --> 00:00:59,840 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 8 00:00:59,930 --> 00:01:03,360 d'état définie ici fonctionne à la fin, la façon 9 00:01:03,770 --> 00:01:06,710 dont React met à jour l'état, il 10 00:01:06,710 --> 00:01:12,170 suffit d'imprimer à nouveau les objectifs du cours dans cette ligne ne nous donnera pas 11 00:01:12,170 --> 00:01:17,350 les objectifs du cours déjà mis à jour, mais qui ne seront mis à 12 00:01:17,370 --> 00:01:20,390 jour que dans le prochain cycle de rendu. 13 00:01:20,390 --> 00:01:23,480 Nous ne verrons donc pas nos objectifs de cours là-bas, mais ce n'est pas un 14 00:01:23,480 --> 00:01:30,860 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 15 00:01:30,860 --> 00:01:35,920 sera rendu de nouveau lorsque nous mettrons à jour nos objectifs de cours avec cette 16 00:01:35,920 --> 00:01:36,630 ligne, donc 17 00:01:36,730 --> 00:01:46,090 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 18 00:01:46,090 --> 00:01:54,370 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 19 00:01:54,610 --> 00:01:59,890 ligne à supprimer est la liste d'objectifs de cours avant de supprimer un objectif de cours 20 00:01:59,890 --> 00:02:04,270 et maintenant nous avons ajouté quelques instructions de journal de console qui nous 21 00:02:04,270 --> 00:02:10,390 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 22 00:02:10,480 --> 00:02:14,650 rendu qui a du sens, il est rendu la première fois et nous voyons que nous avons un tableau vide 23 00:02:14,650 --> 00:02:17,210 qui a également du sens parce que nous n'avons rien ajouté. 24 00:02:17,320 --> 00:02:26,400 Ajoutons maintenant un nouvel objectif, peut-être ici sur Android, terminons le cours. Si nous faisons cela, nous voyons les composants de nouveau 25 00:02:26,470 --> 00:02:33,810 rendu, est logique parce que nous avons ajouté quelque chose et puis le plus important pour l'autre nouveau 26 00:02:33,810 --> 00:02:39,810 rendu où nous avons ajouté un élément, nous voyons cet élément ici dans le 27 00:02:39,810 --> 00:02:51,780 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 28 00:02:51,780 --> 00:02:55,350 ici, nous venons de voir que c'est un tableau 29 00:02:55,350 --> 00:03:01,770 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 30 00:03:01,770 --> 00:03:07,560 dessus et supprimons la fin de l'élément de cours avec l'ID 0. 818 et ainsi de suite. 31 00:03:08,310 --> 00:03:11,070 Donc, si je clique sur terminer le cours, 32 00:03:11,070 --> 00:03:14,380 vous voyez qu'il est supprimé, il semble donc fonctionner correctement et 33 00:03:14,400 --> 00:03:20,940 notre journal de la console le confirme, nous effectuons un nouveau rendu, nous restituons notre tableau avec cet ID uniquement, donc avec 34 00:03:20,940 --> 00:03:25,830 l'autre l'élément que nous n'avons pas supprimé et là-haut, nous voyons que cet ID est supprimé 35 00:03:25,950 --> 00:03:29,220 ici, ce journal provient de cette ligne avant de le supprimer, 36 00:03:29,250 --> 00:03:35,490 il est donc toujours inclus, mais pour le prochain cycle de rendu, nous voyons que ce L'identifiant ici n'est en effet 37 00:03:35,490 --> 00:03:36,320 plus inclus. 38 00:03:36,390 --> 00:03:38,250 Bien sûr, c'est un peu un exemple 39 00:03:38,250 --> 00:03:43,290 inventé, nous voyons bien sûr que cela se comporte correctement ici, mais imaginez simplement que vous avez un flux plus complexe 40 00:03:43,290 --> 00:03:48,540 dans votre code que vous souhaitez déboguer, alors de telles instructions de journal de console peuvent vraiment vous aider à comprendre comment 41 00:03:48,540 --> 00:03:53,310 votre le code est en cours d'exécution, à quelle fréquence il s'exécute et si les valeurs correctes sont utilisées. 42 00:03:53,520 --> 00:03:58,470 Ainsi, les instructions de journal de console peuvent vraiment être utiles si vous les exportez dans votre code, 43 00:03:58,470 --> 00:04:03,900 n'oubliez pas de les supprimer éventuellement afin de ne pas surcharger votre code avec des tonnes d'instructions de journal de console.