1 00:00:02,280 --> 00:00:08,810 Wenn sich unser Standort hier in der Standortauswahl ändert, möchte ich den neuen Ortsbildschirm informieren. 2 00:00:09,030 --> 00:00:11,460 Nun, das bedeutet natürlich, dass 3 00:00:11,490 --> 00:00:20,400 ich hier, wenn ich einen Ort auf der Karte ausgewählt habe oder auch hier, wenn ich den Benutzerstandort habe, in beiden Fällen 4 00:00:21,030 --> 00:00:26,840 eine Methode oder eine Funktion auslösen möchte, die ich von meinem neuen Ortsbildschirm erwarte. 5 00:00:26,940 --> 00:00:31,740 Also das Gleiche wie am Ende mit der Bildauswahl. Sobald ich ein Bild aufgenommen habe, rufe 6 00:00:31,800 --> 00:00:35,810 ich Requisiten für das aufgenommene Bild auf, um eine Funktion aufzurufen, die die übergeordnete 7 00:00:35,850 --> 00:00:40,360 Komponente, damit der neue Ortsbildschirm, an die Bildauswahl übergeben kann, und ich möchte hier dasselbe tun, 8 00:00:40,390 --> 00:00:43,080 ich möchte dasselbe Muster verwenden hier in der Standortauswahl. 9 00:00:43,110 --> 00:00:50,820 Nachdem ich einen Ort mit der Schaltfläche "Bitte finden Sie mich" ausgewählt habe, möchte ich Requisiten 10 00:00:50,910 --> 00:01:02,720 für den ausgewählten Ort auslösen und diesen Ort am Ende weiterleiten, richtig, und ich möchte genau das Gleiche tun, wenn ich einen neuen Kartenstandort 11 00:01:02,720 --> 00:01:03,560 habe. 12 00:01:03,560 --> 00:01:08,640 Neben dem Festlegen des internen Standorts zum Aktualisieren der Vorschau werde ich in diesem Fall 13 00:01:08,900 --> 00:01:14,570 hier den Standort für die Kartenauswahl weiterleiten. Die Auswahl des ausgewählten Standorts ist nun eine 14 00:01:14,570 --> 00:01:20,030 Requisite, die wir für die Standortauswahl festlegen können. Daher werde ich dies hier im neuen Ortsbildschirm 15 00:01:20,030 --> 00:01:28,960 tun. Dies sollte nun auf eine Funktion verweisen, die den ausgewählten Standort empfängt. Hier können wir also den Location-Handler hinzufügen. Dies ist 16 00:01:29,020 --> 00:01:37,870 eine Funktion, und diese Funktion erhält natürlich am Ende den Location. Im Moment werde ich ihn einfach dort auf der 17 00:01:38,200 --> 00:01:46,020 Konsole protokollieren und dann den Funktionsnamen hier übernehmen und an übergeben am ausgewählten Ort, sodass ein Verweis 18 00:01:46,170 --> 00:01:51,770 auf diese Funktion an den ausgewählten Ort in der Standortauswahl übergeben wird. 19 00:01:51,840 --> 00:01:56,430 Eine wichtige Sache bei der Auswahl des Standorts ist, dass der Verwendungseffekt hier verwendet 20 00:01:56,460 --> 00:01:59,190 wird. Daher sollten wir ihn als Abhängigkeit 21 00:01:59,400 --> 00:02:05,730 angeben. Um nur diese und nicht alle unsere Requisiten anzugeben, verwende ich diese Destrukturierungssyntax, damit ich vor Ort ausgewählt 22 00:02:05,730 --> 00:02:10,230 werde von meinen Requisiten so, so dass ich es ohne Requisiten verwenden kann. 23 00:02:10,320 --> 00:02:17,340 Jetzt kann ich es hier für den ausgewählten Standort verwenden und um sicherzustellen, dass wir keine Endlosschleife erhalten, muss ich auf dem 24 00:02:17,340 --> 00:02:20,850 neuen Ortsbildschirm, auf dem wir diese Funktion senden, sicherstellen, dass 25 00:02:21,030 --> 00:02:27,120 der für den Standort ausgewählte Handler genau das ist, was ich tue Die Bereitstellung vor Ort ist eine Funktion, 26 00:02:27,750 --> 00:02:29,620 die sich nicht ständig ändert. 27 00:02:29,640 --> 00:02:37,830 Also importiere ich hier Use Callback und Wrap Use Callback um meinen standortausgewählten Handler, um zu vermeiden, dass dies bei jedem 28 00:02:37,830 --> 00:02:42,380 Re-Rendering-Zyklus neu erstellt wird. Daher gerate ich in eine Endlosschleife und 29 00:02:42,660 --> 00:02:47,760 hier benötigt Use Callback keine Abhängigkeiten, da dort Im Moment mache ich nichts 30 00:02:47,760 --> 00:02:49,350 mit externen Daten. 31 00:02:49,420 --> 00:02:55,630 Jetzt sollten wir dieses Protokoll hoffentlich sehen, wenn wir entweder einen Benutzer mit der Schaltfläche "Benutzerstandort abrufen" auswählen und das 32 00:02:56,930 --> 00:02:57,930 sieht gut aus. 33 00:02:58,040 --> 00:03:02,700 Hier ist meine Ausgabe und das Gleiche, wenn ich sie auf der Karte auswähle. 34 00:03:02,710 --> 00:03:12,520 Wenn ich hier einen Ort auswähle und auf Speichern klicke, erhalte ich auch diese Ausgabe. Das scheint also zu funktionieren, dies war meine erste Ausgabe, dies war 35 00:03:12,520 --> 00:03:13,740 die zweite 36 00:03:13,810 --> 00:03:18,430 Ausgabe zum Auswählen auf der Karte, und damit haben wir die 37 00:03:18,430 --> 00:03:19,740 Informationen auf dem 38 00:03:19,840 --> 00:03:24,680 neuen Ortsbildschirm verfügbar. Jetzt müssen wir sie nur noch in einem 39 00:03:24,720 --> 00:03:32,080 bestimmten Zustand dort speichern Wenn wir dies mit dem Titel und dem Bild tun, also dem ausgewählten Ort 40 00:03:32,080 --> 00:03:39,400 und dem festgelegten Ort, erhalten wir dies mithilfe des Verwendungsstatus. Jetzt können wir hier den ausgewählten Ort aufrufen 41 00:03:39,400 --> 00:03:44,770 und unseren Ort wie folgt festlegen. Sie müssen dies nicht als Abhängigkeit 42 00:03:44,770 --> 00:03:50,540 angeben, aber React garantiert, dass es sich sowieso nicht ändert, sodass Sie dies 43 00:03:50,930 --> 00:03:59,830 nicht angeben müssen. Jetzt haben wir unseren ausgewählten Speicherort hier. Wir können dies jetzt im Handler zum Speichern von Orten verwenden. Dort können 44 00:03:59,830 --> 00:04:02,560 wir neben dem Weiterleiten des Titelwerts und 45 00:04:02,560 --> 00:04:10,420 des ausgewählten Bilds auch den ausgewählten Ort weiterleiten, um einen Ort hinzuzufügen. Und deshalb werden wir als nächstes an unserer Redux-Logik arbeiten, 46 00:04:10,480 --> 00:04:16,960 um diesen Ort zu berücksichtigen, und das ist eine Sache, die derzeit fehlt. Stellen Sie außerdem sicher, 47 00:04:16,990 --> 00:04:17,650 dass 48 00:04:17,650 --> 00:04:22,750 wir dieses Koordinatenpaar, das wir erhalten, auch in eine von Menschen lesbare Adresse übersetzen.