1 00:00:02,280 --> 00:00:08,810 Quindi, ogni volta che la nostra posizione cambia qui nel selettore della posizione, voglio informare la schermata del nuovo luogo. 2 00:00:09,030 --> 00:00:11,460 Bene, questo ovviamente significa che qui 3 00:00:11,490 --> 00:00:20,400 quando ho scelto un posto sulla mappa o anche qui se ho ottenuto la posizione dell'utente, in entrambi i casi voglio attivare un 4 00:00:21,030 --> 00:00:26,840 metodo o una funzione che mi aspetto di ottenere dalla schermata del mio nuovo posto. 5 00:00:26,940 --> 00:00:31,740 Quindi la stessa cosa che stiamo facendo sul selettore di immagini alla fine. Lì una volta che ho scattato un'immagine, chiamo 6 00:00:31,800 --> 00:00:35,810 oggetti di scena sull'immagine presa per chiamare una funzione che il componente genitore, quindi la 7 00:00:35,850 --> 00:00:40,360 nuova schermata del luogo, può passare al selettore di immagini e voglio fare lo stesso qui, voglio 8 00:00:40,390 --> 00:00:43,080 usare lo stesso modello qui nel selettore della posizione. 9 00:00:43,110 --> 00:00:50,820 Quindi qui dopo aver scelto una posizione con il pulsante per favore, localizzami, voglio innescare oggetti 10 00:00:50,910 --> 00:01:02,720 di scena sulla posizione scelta e inoltrare questa posizione alla fine, giusto e voglio fare esattamente la stessa cosa se avessi una nuova posizione sulla 11 00:01:02,720 --> 00:01:03,560 mappa. 12 00:01:03,560 --> 00:01:08,640 Quindi, oltre a impostare la posizione interna per aggiornare l'anteprima, in questo caso inoltrerò 13 00:01:08,900 --> 00:01:14,570 qui la posizione di selezione della mappa. Quindi la posizione selezionata ora è un oggetto 14 00:01:14,570 --> 00:01:20,030 che possiamo impostare sul selettore della posizione, quindi lo farò qui nella schermata del nuovo posto 15 00:01:20,030 --> 00:01:28,960 e questo dovrebbe ora puntare a una funzione che riceverà la posizione scelta. Quindi qui possiamo aggiungere il gestore della posizione scelta, questa 16 00:01:29,020 --> 00:01:37,870 è una funzione e questa funzione ovviamente riceverà la posizione alla fine e per il momento, accederò semplicemente alla console e 17 00:01:38,200 --> 00:01:46,020 poi prenderò il nome della funzione qui e lo passerò a sulla posizione selezionata in modo che un 18 00:01:46,170 --> 00:01:51,770 riferimento a questa funzione venga passato alla posizione selezionata nel selettore della posizione. 19 00:01:51,840 --> 00:01:56,430 Ora una cosa importante, sul luogo scelto è abituarsi all'effetto d'uso qui, quindi dovremmo specificarlo 20 00:01:56,460 --> 00:01:59,190 come una dipendenza, quindi per specificare solo questo 21 00:01:59,400 --> 00:02:05,730 e non tutti i nostri oggetti di scena, userò questa sintassi distruttiva per ottenere il luogo scelto dei miei oggetti 22 00:02:05,730 --> 00:02:10,230 di scena in questo modo, in modo da poterlo usare senza oggetti di scena. 23 00:02:10,320 --> 00:02:17,340 Ora posso usarlo qui nella posizione scelta e ora per assicurarmi che non ci sia alcun loop infinito, nella nuova schermata 24 00:02:17,340 --> 00:02:20,850 del luogo in cui facciamo con l'invio di questa funzione, 25 00:02:21,030 --> 00:02:27,120 devo assicurarmi che il gestore della posizione scelto sia quello che faccio fornire sulla posizione scelta è una 26 00:02:27,750 --> 00:02:29,620 funzione che non cambia continuamente. 27 00:02:29,640 --> 00:02:37,830 Quindi, qui, importerò use callback e wrap use callback attorno al gestore della posizione selezionata, per evitare che questo venga ricreato con ogni 28 00:02:37,830 --> 00:02:42,380 ciclo di re-rendering e quindi vado in un ciclo infinito e qui 29 00:02:42,660 --> 00:02:47,760 uso callback non ha dipendenze perché lì dentro, in questo momento non sto facendo nulla 30 00:02:47,760 --> 00:02:49,350 con i dati esterni. 31 00:02:49,420 --> 00:02:55,630 Quindi ora dovremmo vedere quel registro speranzoso quando selezioniamo un utente con il pulsante Ottieni posizione utente 32 00:02:56,930 --> 00:02:57,930 e sembra 33 00:02:58,040 --> 00:03:02,700 buono, ecco il mio output e lo stesso se lo seleziono sulla mappa. 34 00:03:02,710 --> 00:03:12,520 Quindi, se scelgo una posizione qui e faccio clic su Salva, ottengo anche questo output. Quindi sembra funzionare, questo qui è stato il mio primo output, questo 35 00:03:12,520 --> 00:03:13,740 è stato 36 00:03:13,810 --> 00:03:18,430 il secondo output per selezionarlo sulla mappa e, con ciò, abbiamo 37 00:03:18,430 --> 00:03:19,740 le informazioni disponibili 38 00:03:19,840 --> 00:03:24,680 nella schermata del nuovo posto, ora dobbiamo solo memorizzarle in qualche stato 39 00:03:24,720 --> 00:03:32,080 lì mentre lo facciamo con il titolo e l'immagine, quindi la posizione selezionata e imposta la posizione selezionata, 40 00:03:32,080 --> 00:03:39,400 la otteniamo con l'aiuto dello stato d'uso e ora possiamo chiamare impostare la posizione selezionata qui e impostare 41 00:03:39,400 --> 00:03:44,770 la nostra posizione, in questo modo. Non è necessario specificarlo 42 00:03:44,770 --> 00:03:50,540 come dipendenza, ma React garantirà che non cambi comunque, quindi non è 43 00:03:50,930 --> 00:03:59,830 necessario specificarlo e ora abbiamo la posizione selezionata qui. Ora possiamo usarlo nel gestore del luogo di salvataggio, lì oltre a inoltrare 44 00:03:59,830 --> 00:04:02,560 il valore del titolo e l'immagine selezionata, 45 00:04:02,560 --> 00:04:10,420 ora possiamo anche inoltrare la posizione selezionata per aggiungere il luogo. E quindi la prossima cosa che faremo è lavorare sulla nostra 46 00:04:10,480 --> 00:04:16,960 logica di Redux per tenere conto di quella posizione e questa è una cosa che manca in questo 47 00:04:16,990 --> 00:04:17,650 momento, 48 00:04:17,650 --> 00:04:22,750 assicurati anche di tradurre questa coppia di coordinate in un indirizzo leggibile anche dall'uomo.