1 00:00:02,280 --> 00:00:08,810 Donc, chaque fois que notre emplacement change ici dans le sélecteur d'emplacement, je veux informer le nouvel écran de lieu. 2 00:00:09,030 --> 00:00:11,460 Eh bien, cela signifie bien sûr 3 00:00:11,490 --> 00:00:20,400 qu'ici quand j'ai choisi un endroit sur la carte ou aussi ici si j'ai obtenu l'emplacement de l'utilisateur, dans les deux cas, je veux déclencher 4 00:00:21,030 --> 00:00:26,840 une méthode ou une fonction que je m'attends à obtenir de mon nouvel écran de lieu. 5 00:00:26,940 --> 00:00:31,740 Donc, la même chose que nous le faisons sur le sélecteur d'image à la fin. Là, une fois que j'ai pris une image, j'appelle 6 00:00:31,800 --> 00:00:35,810 des accessoires sur l'image prise pour appeler une fonction que le composant parent, de sorte que 7 00:00:35,850 --> 00:00:40,360 le nouvel écran de position, puisse passer au sélecteur d'image et je veux faire la même chose ici, 8 00:00:40,390 --> 00:00:43,080 je veux utiliser le même motif ici dans le sélecteur d'emplacement. 9 00:00:43,110 --> 00:00:50,820 Donc, ici après avoir choisi un emplacement avec le bouton Veuillez me localiser, je veux déclencher des accessoires 10 00:00:50,910 --> 00:01:02,720 sur l'emplacement choisi et transmettre cet emplacement à la fin, à droite et je veux faire exactement la même chose si j'ai un nouvel emplacement sur la 11 00:01:02,720 --> 00:01:03,560 carte. 12 00:01:03,560 --> 00:01:08,640 Donc, en plus de définir l'emplacement interne pour mettre à jour l'aperçu, je transmettrai dans ce 13 00:01:08,900 --> 00:01:14,570 cas ici, l'emplacement de sélection de la carte. Donc, sur l'emplacement choisi est maintenant un accessoire 14 00:01:14,570 --> 00:01:20,030 que nous pouvons définir sur le sélecteur d'emplacement, donc je vais le faire ici dans le nouvel écran 15 00:01:20,030 --> 00:01:28,960 de lieu et cela devrait maintenant pointer vers une fonction qui recevra l'emplacement choisi. Donc, ici, nous pouvons ajouter le gestionnaire d'emplacement choisi, ceci 16 00:01:29,020 --> 00:01:37,870 est une fonction et cette fonction recevra bien sûr l'emplacement à la fin et pour le moment, je vais simplement le consigner 17 00:01:38,200 --> 00:01:46,020 ici, puis prendre le nom de la fonction ici et le transmettre à à l'emplacement sélectionné de sorte qu'une 18 00:01:46,170 --> 00:01:51,770 référence à cette fonction soit transmise à l'emplacement sélectionné dans le sélecteur d'emplacement. 19 00:01:51,840 --> 00:01:56,430 Maintenant, une chose importante, à l'emplacement choisi, est d'utiliser un effet d'utilisation ici, donc 20 00:01:56,460 --> 00:01:59,190 nous devons le spécifier comme une dépendance, 21 00:01:59,400 --> 00:02:05,730 donc pour ne spécifier que cela et pas tous nos accessoires, j'utiliserai cette syntaxe de déstructuration car j'obtiens l'emplacement 22 00:02:05,730 --> 00:02:10,230 choisi de mes accessoires comme celui-ci, afin que je puisse l'utiliser sans accessoires. 23 00:02:10,320 --> 00:02:17,340 Maintenant, je peux l'utiliser ici sur l'emplacement choisi et maintenant pour nous assurer que nous n'obtenons pas de boucle infinie, de retour dans le 24 00:02:17,340 --> 00:02:20,850 nouvel écran de lieu où nous faisons avec envoyer cette fonction, je 25 00:02:21,030 --> 00:02:27,120 dois m'assurer que le gestionnaire d'emplacement choisi est ce que je fais fournir sur place est une fonction qui ne 26 00:02:27,750 --> 00:02:29,620 change pas tout le temps. 27 00:02:29,640 --> 00:02:37,830 Donc ici, je vais importer use callback et wrap use callback autour de mon gestionnaire de localisation, pour éviter que cela ne soit recréé à chaque 28 00:02:37,830 --> 00:02:42,380 cycle de re-rendu et je me retrouve donc dans une boucle infinie et ici, 29 00:02:42,660 --> 00:02:47,760 l'utilisation de callback ne nécessite aucune dépendance car là-dedans, en ce moment, je ne fais rien 30 00:02:47,760 --> 00:02:49,350 avec les données externes. 31 00:02:49,420 --> 00:02:55,630 Alors maintenant, nous devrions voir ce journal, espérons-le lorsque nous sélectionnons un utilisateur avec le bouton obtenir l'emplacement de l'utilisateur et 32 00:02:56,930 --> 00:02:57,930 que cela semble 33 00:02:58,040 --> 00:03:02,700 bon, voici ma sortie et la même chose si je le choisis sur la carte. 34 00:03:02,710 --> 00:03:12,520 Donc, si je choisis un emplacement ici et que je clique sur Enregistrer, j'obtiens également cette sortie. Donc cela semble fonctionner, c'était ma première sortie ici, c'était la deuxième 35 00:03:12,520 --> 00:03:13,740 sortie pour 36 00:03:13,810 --> 00:03:18,430 la choisir sur la carte et avec cela, nous avons les 37 00:03:18,430 --> 00:03:19,740 informations disponibles dans 38 00:03:19,840 --> 00:03:24,680 le nouvel écran de lieu, maintenant nous avons juste besoin de les 39 00:03:24,720 --> 00:03:32,080 stocker dans un état là-bas comme nous le faisons avec le titre et l'image, donc l'emplacement sélectionné et 40 00:03:32,080 --> 00:03:39,400 définir l'emplacement sélectionné, nous l'obtenons à l'aide de l'état d'utilisation et maintenant nous pouvons appeler définir l'emplacement sélectionné 41 00:03:39,400 --> 00:03:44,770 ici et définir notre emplacement, comme ceci. Vous n'avez pas besoin de spécifier cela comme 42 00:03:44,770 --> 00:03:50,540 une dépendance, vous pourriez le faire, mais React garantira que cela ne change pas de toute façon, vous n'avez 43 00:03:50,930 --> 00:03:59,830 donc pas besoin de le spécifier et maintenant nous avons obtenu notre emplacement sélectionné ici. Nous pouvons maintenant l'utiliser dans le gestionnaire de sauvegarde de lieu, en plus de la 44 00:03:59,830 --> 00:04:02,560 transmission de la valeur du titre et de 45 00:04:02,560 --> 00:04:10,420 l'image sélectionnée, nous pouvons désormais également transférer l'emplacement sélectionné pour ajouter un lieu. Par conséquent, la prochaine chose que nous ferons est de travailler 46 00:04:10,480 --> 00:04:16,960 sur notre logique Redux pour prendre en compte cet emplacement et c'est une chose qui manque actuellement, assurez-vous également 47 00:04:16,990 --> 00:04:17,650 de 48 00:04:17,650 --> 00:04:22,750 traduire cette paire de coordonnées que nous obtenons également en une adresse lisible par l'homme.