1 00:00:02,280 --> 00:00:08,810 Entonces, cada vez que nuestra ubicación cambie aquí en el selector de ubicación, quiero informar la nueva pantalla de lugar. 2 00:00:09,030 --> 00:00:11,460 Bueno, eso, por supuesto, significa 3 00:00:11,490 --> 00:00:20,400 que aquí, cuando elegí un lugar en el mapa o también aquí, si obtuve la ubicación del usuario, en ambos casos quiero 4 00:00:21,030 --> 00:00:26,840 activar un método o una función que espero obtener de mi nueva pantalla de lugar. 5 00:00:26,940 --> 00:00:31,740 Entonces, al final, lo mismo que hacemos en el selector de imágenes. Una vez que tomé una imagen, llamo accesorios 6 00:00:31,800 --> 00:00:35,810 en la imagen tomada para llamar a una función que el componente principal, para que 7 00:00:35,850 --> 00:00:40,360 la nueva pantalla de lugar, pueda pasar al selector de imágenes y quiero hacer lo mismo aquí, 8 00:00:40,390 --> 00:00:43,080 quiero usar el mismo patrón Aquí en el selector de ubicación. 9 00:00:43,110 --> 00:00:50,820 Entonces, aquí, después de elegir una ubicación con el botón Ubícame, quiero activar accesorios en la 10 00:00:50,910 --> 00:01:02,720 ubicación elegida y reenviar esta ubicación al final, a la derecha y quiero hacer exactamente lo mismo si obtengo una nueva ubicación en el 11 00:01:02,720 --> 00:01:03,560 mapa. 12 00:01:03,560 --> 00:01:08,640 Entonces, además de configurar la ubicación interna para actualizar la vista previa, reenviaré en este 13 00:01:08,900 --> 00:01:14,570 caso aquí, la ubicación de selección del mapa. Entonces, en la ubicación elegida ahora es un 14 00:01:14,570 --> 00:01:20,030 accesorio que podemos establecer en el selector de ubicación, así que lo haré aquí en la pantalla de 15 00:01:20,030 --> 00:01:28,960 nuevo lugar y esto debería apuntar a una función que recibirá la ubicación elegida. Entonces, aquí podemos agregar el controlador de ubicación seleccionada, esta es 16 00:01:29,020 --> 00:01:37,870 una función y, por supuesto, esta función recibirá la ubicación al final y, por el momento, simplemente la consola lo registrará allí y 17 00:01:38,200 --> 00:01:46,020 luego tomaré el nombre de la función aquí y lo pasaré a en la ubicación seleccionada para que se pase 18 00:01:46,170 --> 00:01:51,770 una referencia a esta función a la ubicación seleccionada en el selector de ubicación. 19 00:01:51,840 --> 00:01:56,430 Ahora, una cosa importante, en la ubicación elegida, se está utilizando el efecto de uso 20 00:01:56,460 --> 00:01:59,190 aquí, por lo tanto, debemos especificarlo como una 21 00:01:59,400 --> 00:02:05,730 dependencia, por lo que para especificar solo esto y no todos nuestros accesorios, usaré esta sintaxis de desestructuración para obtener 22 00:02:05,730 --> 00:02:10,230 la ubicación seleccionada de mis accesorios como este, para que pueda usarlo sin accesorios. 23 00:02:10,320 --> 00:02:17,340 Ahora puedo usarlo aquí en la ubicación elegida y ahora para asegurarme de que no tengamos un bucle infinito, de vuelta en la 24 00:02:17,340 --> 00:02:20,850 nueva pantalla de lugar donde hacemos con enviar esta función, necesito asegurarme 25 00:02:21,030 --> 00:02:27,120 de que el controlador de ubicación elegida es lo que hago proporcionar en el lugar elegido es una función que 26 00:02:27,750 --> 00:02:29,620 no cambia todo el tiempo. 27 00:02:29,640 --> 00:02:37,830 Así que aquí, importaré la devolución de llamada de uso y la devolución de llamada de uso alrededor de mi controlador seleccionado de ubicación, para evitar que esto se vuelva 28 00:02:37,830 --> 00:02:42,380 a crear con cada ciclo de representación y, por lo tanto, entre en un bucle infinito 29 00:02:42,660 --> 00:02:47,760 y aquí la devolución de llamada de uso no necesita dependencias porque allí, En este momento no estoy 30 00:02:47,760 --> 00:02:49,350 haciendo nada con datos externos. 31 00:02:49,420 --> 00:02:55,630 Así que ahora deberíamos ver ese registro con suerte cuando seleccionamos un usuario con el botón Obtener ubicación del usuario 32 00:02:56,930 --> 00:02:57,930 y eso se 33 00:02:58,040 --> 00:03:02,700 ve bien, aquí está mi salida y lo mismo si lo selecciono en el mapa. 34 00:03:02,710 --> 00:03:12,520 Entonces, si elijo una ubicación aquí y hago clic en Guardar, también obtengo esta salida. Eso parece funcionar, esta fue mi primera salida, esta fue la segunda salida 35 00:03:12,520 --> 00:03:13,740 para seleccionarla 36 00:03:13,810 --> 00:03:18,430 en el mapa y con eso, tenemos la información disponible en la 37 00:03:18,430 --> 00:03:19,740 pantalla del nuevo 38 00:03:19,840 --> 00:03:24,680 lugar, ahora solo tenemos que almacenarla en algún estado allí como lo 39 00:03:24,720 --> 00:03:32,080 estamos haciendo con el título y la imagen, por lo que la ubicación seleccionada y establecer la ubicación seleccionada, 40 00:03:32,080 --> 00:03:39,400 lo obtenemos con la ayuda del estado de uso y ahora podemos llamar a establecer la ubicación seleccionada aquí 41 00:03:39,400 --> 00:03:44,770 y establecer nuestra ubicación, de esta manera. No necesita especificar esto como una 42 00:03:44,770 --> 00:03:50,540 dependencia, podría pero React garantizará que no cambie de todos modos, por lo que 43 00:03:50,930 --> 00:03:59,830 no necesita especificar esto y ahora tenemos nuestra ubicación seleccionada aquí. Ahora podemos usar esto en el controlador de guardar lugar, allí además de reenviar 44 00:03:59,830 --> 00:04:02,560 el valor del título y la imagen 45 00:04:02,560 --> 00:04:10,420 seleccionada, ahora también podemos reenviar la ubicación seleccionada para agregar un lugar. Y, por lo tanto, lo siguiente que haremos es trabajar en nuestra 46 00:04:10,480 --> 00:04:16,960 lógica de Redux para tener en cuenta esa ubicación y eso es algo que falta en este momento, también 47 00:04:16,990 --> 00:04:17,650 asegúrese 48 00:04:17,650 --> 00:04:22,750 de traducir este par de coordenadas que obtenemos también en una dirección legible para humanos.