Blazor en 2020 - parte 2 - Navegación

1. Introducción: Hola y bienvenidos a este cierre bajo. Esta será una clase sobre navegación en Blazer. Ahora, esto es parte del off blazer de Siri en 2020. Ya está ahí la primera parte en DA En esa, cubrimos lo básico en esta. No obstante, cubriremos el aspecto de navegación fuera de Blazer. Ahora puedes pensar que no hay mucho que aprender sobre la navegación navegando entre páginas, pero simplemente no es cierto. Hay bastante que dibujar para hacer, y hay algunas partes bastante difíciles, en primer lugar, antes de que vayamos a ninguna parte. En lo que va de la parte anterior, hemos trabajado básicamente en el índice don trees, una página en la plantilla. Entonces en este caso estábamos realmente limpios. El template eran ejemplos impresionantes que no necesitas. Por lo que limpiaremos eso y estableceremos algunas nuevas páginas a partir de ahí empezaremos con lo básico, establecimos algunas rutas y luego parámetros hacen algunos navegando, y luego verás algunas otras cosas, como como navegar usando C sharp de C shop métodos y cosas por el estilo. Ahora, antes de eso dicho, saltemos al Kloss 2. Limpia la plantilla: Hola, Invertir conferencia. Aprenderás a limpiar tus plantillas. Vale, Así que ya has notado que una vez saludas a un nuevo proyecto para conseguir esta bonita plantilla que maneja, en realidad bastantes cosas que realmente ni siquiera ves. Pero también contiene algunos Robin Austin y ejemplos inútiles. No necesitas eso. No necesitas la navegación, hombre. Definitivamente no necesitas un contador, algún tipo de cuenta, una página para tus aplicaciones del mundo real. E incluso para tus mejores y más grandes proyectos de práctica, simplemente no necesitas eso. De acuerdo, entonces si entramos en la solución Explorer cabello derecho. De acuerdo, se puede ver blazer amp one solo un simple proyecto del lado del cliente. Nada elegante, ¿verdad? Y luego tenemos en la w w ruta, ¿verdad? Cabello, tenemos ah, algunas cosas poco fuera, ¿de acuerdo? Y aquí es básicamente donde comienza todo. Entonces tienes índice dot html Esto es fuera del punto de entrada básico, OK. Y en esta app es donde se renderizarán todas tus cosas de blazer. Ahora, mente Jarvis, esto de aquí es una parte crucial, crucial para el blazer. Tiene que ser que debe ser que no se pueda borrar la materia. También debes dejar esta cosa de manejo de errores. No hará daño a los servicios para en errores manejados. Y por supuesto, también se puede modificar. De acuerdo, entonces después de eso, por supuesto AP. Aquí es donde estará tu aplicación si necesitas incluir algún JavaScript que aprendas más adelante en este curso cómo Teoh realmente ejecuta un reto. Función de chorro de tienda C. Lo estarás incluyendo en algún lugar, sin embargo, en la cabeza o tal vez debajo de la aplicación ella dependiendo del caso de uso de mi biblioteca en particular o lo que sea que estés incluyendo. Y para el CSS, se puede ver que tenemos mi predeterminado, alguna ciencia CSN algún CSS predeterminado bien. Y obviamente bootstrap es camino etiqueta. Entonces aquí es donde lo incluyes todo. De acuerdo, Todo eso realmente no hay mucho que mirar y pelo. Y como puedes ver, realmente no hay mucho que eliminar. Una cosa diré inicialmente cuando veas esta cosa de carga, en realidad puedes reemplazar el contenido de un pañal. Probablemente querrías poner algún regalo. Ah, imagen imagen de algún tipo de su icono de carga. De acuerdo, señor, vamos a la solución Explorer y veamos qué podemos eliminar. Obviamente podemos eliminar, ver oferta evaluada. Pero voy a dejar la ciencia aquí dice Solo pon tu CSS. Y luego a menos que, por supuesto, tengas algún tipo de estructura diferente para ello. Los datos de muestra pueden ir. Por lo que seleccionamos que haga clic eliminar el cabello derecho. Apunta la poca verificación para relación mano derecha y OK, no nos referimos a eso. Entonces eso se ha ido. El W W Root está listo para salir. Está limpio, pero en realidad no tienes dedo del pie borrando eso. No importa tanto. Pero si quieres tenernos fuera agradable limpiar un proyecto de suelo arriba. Deberías borrar la noche también. Ahora, entrando en páginas, vine. Haremos un poco más borrando ahora. Ah, este contador y alimentado Schnatter necesita irse. Está bien, mano derecha. Se sube y se necesita ir. Se ha ido. Está bien. Ahora para los diseños para los diseños, verás cómo usarlos en. Duh. Yo diría ahora, prompt de encuesta de menú Necesita ir así. De acuerdo, Entonces con ellos fuera, realmente hay ahora todo sobre limpiar un abrigo. Entonces si vamos a terminar exhorto maquinilla de afeitar aquí mismo. De acuerdo, al final, exulta Reza, podemos borrarlo. Está bien. Y si no te gusta que se llame a tu página inicial principal para exaltar maquinilla de afeitar puedes crear un nuevo archivo siempre y cuando tenga con ruta de su ruta inicial básica. Ya verás cómo funcionan las rutas lo suficientemente pronto. De acuerdo, así es como lo configuraste ahora para la forma de maquetación principal un fuerte tiene un poco más borrando, como sí usamos el archivo anterior. Más tarde aprendes cómo se usaba. No importa en este momento es simplemente borrar. De acuerdo, Tienes el cuerpo mano derecha el cuerpo así por encima del cuerpo. Mahadev, lo arrastras hasta el basurero aquí mismo. Se ve la selección detrás de la parte iluminada y haga clic en retroceso o eliminar se ha ido. No necesitas eso que el Div en el fondo. Y luego la barra lateral, Kloss. Eso es todo. Ya estamos bien para irnos. Si lanzo esto si lo lanzo se lanzará en un segundo sobre chrome. Ya lo verás todo muy bonito y limpio y completamente vacío. Entonces así es como lo limpias. Se parte de la ruta WWD. Si realmente necesitas eso. Y luego pasas por páginas, borras los archivos, borras los archivos del cobertizo, correcto, Y luego borras ese pedacito de código. Y como puedes ver, realmente ya no tenemos nada de pelo. Y antes de eso dicho concluiremos esta conferencia. 3. Conceptos básicos de navegación: Hola En esta conferencia comenzará a aprender sobre la navegación y con será solo una introducción muy sencilla a la misma. Posteriormente entraremos en las plantillas. Nos meteremos en los barómetros y cosas así. Pero para empezar, necesitamos averiguar cómo dedo del pie agregar una nueva página, ¿de acuerdo? Y cómo navegar de una página a otra. Ahora, todo el asunto en términos de navegación en realidad comienza en la app dot razor. De acuerdo, en la maquinilla de afeitar ab dot, esta es la forma en que puedes encontrar el router y todas esas cosas diferentes. Mad maneja la navegación. Tener triste maquinilla de afeitar Matt debe quedarse como lo ISS. echaremos un vistazo más tarde cuando se trate de permisos. Pero aparte de eso, sólo debería mantenerse por defecto como defecto. De acuerdo, no debes meterte con ello en absoluto. Ahora vamos a llegar a algunas páginas. De acuerdo, Así que en la solución Explorer en el explorador de soluciones aquí tenemos ah páginas permitirse un Es una plantilla limpia ahora. ¿ De acuerdo? Nada. Messi, nada de eso. Tenemos algunas páginas, y como pueden ver, tenemos las terminaciones normales. Pero entonces también tenemos un 2do 1 llamado segunda página, segunda página no levantar es así que una página es un archivo de afeitar, y los rayos de fuego también es un componente que vamos a cubrir en la siguiente sección. Ahora, si hago clic derecho en las páginas forwarder o Henry Ford fueron advertidos mi página para ser voy a ir a anuncio Ok, nuestro click nuevo ítem. Y entonces todo este diálogo será un par, ¿verdad? Y entonces lo que necesito encontrar es un componente de maquinilla de afeitar. ¿ Un caso? Es un componente de maquinilla de afeitar. Esa es la página. Por lo que encuentras que lo nombra de acuerdo a donde quieras dice componente. Pero es una página y unos componentes. Una lima de afeitar. De acuerdo, entonces este con un pequeño logo blazer que es componente de afeitar y ese es tu archivo de página. Por lo que ingresas tu nombre, haz clic en Aceptar o más bien agrega en este caso y lo tienes ahora. Ya tenemos un abogado. Mira la navegación. Si vamos a la segunda página real, tiene una ruta. De acuerdo, así que ven arriba, tenemos esta directiva de página. Ahora la directiva de página permite dar alrededor a esa página. De acuerdo, entonces tienes todo tu sitio y luego tienes estas rondas a páginas específicas. Si navegas por una segunda página en este caso, llegarás a la segunda página. Ahora en realidad puedes tener múltiples rutas. Puedes tenerlos. Entonces, en el punto índice Razor, lo que he hecho es que he añadido otra ruta. Ya ves, tenemos el fuerte ganado por defecto. Siempre irá a esta ruta predeterminada vacía. OK, pero vas a añadir otra. Necesita serlo. Esto será más útil cuando se trate de parámetros. Ah, caso del mal Boobie realmente es por ahora, unas rondas simples. No es realmente útil. Probablemente no lo usarás, pero es bueno saber que esta opción sí existe. Por lo que podemos o navegar a la maquinilla de afeitar de puntos índice navegando solo un dominio vacío. Estás bien o podemos añadir mejor ruta. Ahora la forma en que navegas. Ah, una forma sencilla al menos es a través de una A. Vale, un elemento una etiqueta en el HTML, pones la h en bruto. No tenemos tu fila de ningún dominio, no, nada de eso. Y simplemente pones en tu ruta y navegará por donde lo necesites para navegar, ¿ verdad? Entonces echemos un vistazo a cómo funciona. Tan bastante sencillo. Corriendo en cromo ya, ¿verdad? Y podemos ir a segunda página. Ya ves, ahora estamos en la segunda página y podemos volver al índice. Simplemente así le gusta. También puedes ir de ida y vuelta. Ya ves, todo funciona bastante perfectamente. Es un manejado cuatro años para la mayoría de partes de es realmente nada de qué preocuparse. Y así funciona la navegación básica. Y con eso, concluiremos esta conferencia. 4. Parámetros de la mirada: hola en esta conferencia para aprender a usar barómetros en una página. Ahora eso en realidad es bastante fácil de hacer y bastante sencillo también, alguna manera, al menos de una manera, en una opción. Eso por el ejemplo. En este caso, tenemos un par de páginas la habitual maquinilla de afeitar exhort IND y luego la habitual segunda página. De acuerdo, segunda maquinilla de afeitar paciente. Eso es una multa. Ahora empecemos con la maquinilla de afeitar de punto índice, y este es un blazer Soffa para manera de recuperar realmente esos parámetros. Entonces, como se puede ver en este caso, la U. R l no sería una con ese signo de interrogación. Y luego tienes el nombre fuera de un barómetro de una clave para el parámetro. Y luego tienes el ampersand y todas esas otras cosas. No tienes eso. Simplemente los enlistó como una ruta normal. OK, así que podrías tener un más largo alrededor, ver diciendo prueba así. De acuerdo, Y entonces esa sería tu ruta a esta página. Explosión de los barómetros. Ahora, una cosa a tener en cuenta, una cosa a tener en cuenta es que si no coincide con los parámetros, la navegación fallará. Y aquí es donde tener varias rondas es muy útil. De acuerdo, Es muy útil porque en este caso, si no proporciono ningún parámetro en absoluto, simplemente volverá a caer de nuevo a esta ruta. Todavía abrirá esa página ahora. En realidad, no he corrido en Chrome. De acuerdo, entonces acabo de abrir el primer discurso. Y como pueden ver, estamos en el discurso índice y no vemos parámetros. Pero sí lo tenemos todo abierto. No se estrelló ni nada por el estilo. Entonces volvamos al kurdo y echemos un vistazo ahora para poner los parámetros un caso. Por lo que hay que tener estos atributos de parámetro en variables sobre propiedades. Es necesario crear una propiedad en la sección de código. Ahora la forma de hacer que lo hagas público. De acuerdo, esto es crucial. Tienes que tenerlo. Nosotros públicos. De lo contrario no funcionará como parámetro. Tienes que tenerlo. Nosotros públicos. Entonces lo haces público que el tipo. Podría ser algún tipo de clase truncada, sea lo que sea ISS. Obviamente, en este caso, solo puedes tener cadena realmente porque sí pasas por cadena para mí o de lo contrario. Una vez que lleguemos a los componentes, será una historia diferente. Pero por los Euros se hace cuerda. Entonces tiene que ser cadena pública que el nombre, Por supuesto. Y luego necesitas tener Debes tener estos get set cosas que sí te ponen set. Nada más. Lo Mets. En realidad se puede asignar algo. Teoh Eso para el cuarto Valuev necesita eso? Entonces solo lo haces así. De acuerdo, Este sería tu valor predeterminado si necesitas eso. Pero en este caso, no lo haríamos. Entonces lo haces público que cuerda, luego Peron uno. Y luego estos se ponen. Ahora fuera de curso, Una de las partes más cruciales es el barómetro. Pero todos ellos un crucial Así que básicamente comenzó un barómetro de atributos que público y luego ponerse listo. De acuerdo, entonces haces eso por cada parámetro que necesites. Ahora, la forma en que va de la ruta de la ruta a esta variable a esta propiedad es que coincides con los nombres que ves, tenemos Haram un cabello derecho. Y luego tenemos beram un paseo. Hera está bien, y están en estos tirantes rizados. Entonces si es un parámetro, si no es solo parte de una ruta, lo pones en llaves de Cali y haces coincidir con palabra con pieza de texto con el nombre de tu variable fueron nombrados por tu propiedad. Esto es muy importante. Y así es como sucede ahora en este H ref, se puede ver que tenemos un yo alrededor de segunda base de ella en realidad va a la segunda página . Y entonces tenemos una salida más convencional, pasando en realidad barómetros frívolos. Tenemos un signo de interrogación. Tenemos a Parham. Uno es igual que ves, esto viene de ver tienda. Este es el barómetro, ¿verdad? Tomamos éste y no uno. Por lo que el primer rol de oferta no tendrá nada en ambas páginas. ¿ Verdad? Y luego navegamos al segundo Pekín todo en la segunda página misma. Es un poco más complejo, ¿de acuerdo? Pero es bastante útil si quieres utilizar ambas rutas convencionales. Y de nuevo depende de tu preferencia. Depende de tu estructura. Dónde estabas necesitas esto o necesitas aquello. Obviamente la primera vía es mucho más rápida. Este es un poco más complejo Ahora puedes ver lo que tenemos. Gestor de navegación invocado. De acuerdo, tenemos gestor de navegación. Nosotros lo llamamos ahora. Gerente. Correcto. Y también tenemos el uso del sistema dot Web toe. Básicamente, tenemos variable una variable dos encuestas, parámetros de RV. Utilizamos nuestras variables de consulta derecho que proporcionamos y mostramos. Pero en el método get parameter es donde comienza nuestra preocupación resuelta. De acuerdo, s Así que aquí es donde queremos trabajar con ello. Andi, como se puede ver, Como se puede ver, tenemos método de conseguir barómetros y luego tenemos Ah a b u r i. Así que esto es V's off absoluto tu I Ok. Y creamos un nuevo tú Arai es él crearía un nuevo tu ojo desde la propiedad del gestor de navegación . Tienes razón. Entonces este es el que llegas. Estás bien en la página que estás sentado en este momento y obviamente eso contiene tu cadena de consulta. Ahora, para obtener los barómetros reales necesitamos usar http Utility, que proviene del sistema dot Web Y en eso usamos el método Bar Square E string. OK, usamos en un método barras de consulta cadena de la mano derecha. Proporcionamos la consulta de lo que devuelve nuestros parámetros. Parámetros de consulta, ¿verdad? Muy, muy ambos. Y luego a partir de ahí por la clave por las claves de valor clave podemos acceder a ellas y mostrarlas. Ahora si echamos un vistazo a cómo funciona todo, cómo todo se une, lo tenemos todo funcionando en el cromo. Entonces si navego a la segunda página, se puede ver que teníamos parámetros vacíos. Entonces esto sería un poco aburrido, ¿verdad? Vamos a insertar algo Decir prueba. Eso es también. Volvemos a navegar. OK, ahora necesitamos conseguirlos, y sí les hacemos prueba y prueba dos. Ahora de nuevo, en realidad puedo llamarme así. Copiar eso. Así. Está bien. Y luego ir al índice. Verás que no funcionará así. No va a funcionar así ver. Es sólo un vacío. Entonces se descompuso a ese estado original. Ahora puedo quitar esas cosas donde me gusta eso y hacerlo de un tipo más blazer ful del camino. No puedo. Vamos al índice y se exhibe con sus abejas off blazer ful way off haciéndolo. Entonces, como se puede ver, hubo todos estos parámetros son obviamente bastante útiles. Y así es como se accede a ellos. Y con eso concluiremos esta conferencia 5. Composiciones: Hola. En esta conferencia aprendes a usar diseños. Ahora los diseños son bastante importantes y tal vez útiles. De acuerdo, siempre estás usando un layout. Estás usando el dedo del pie de diseño principal a lo largo del tiempo. Siempre. Pero son casos impresionantes en los que podría necesitar tener, ah, capas adicionales, diferentes diseños. Diga, por ejemplo, para sus páginas iniciales como registro de inicio de sesión y cosas así. Es posible que quieras tener un fuerte diferente para esas páginas. Y es por ello que este tipo de diversidad de diseños es bueno. Entonces tenemos un par de él. En realidad, si vamos a una solución Explorer en este ejemplo, se puede ver que tenemos en el compartido tenemos layout principal y luego segundo layout. Yo he agregado. Ahora este diseño es solo un simple archivo de afeitar, solo un archivo sencillo que usaría para una página de lo mismo. OK, y tenemos maquetación media y la segunda o no. Echémosles un caso. Entonces éste es el principal. Y como pueden ver, tengo un par de salsas. Tengo un par de décadas. Tenemos un poco de frontera pasando el 1er 1 y dice que esto es seguir maquetando. Ahora, en el segundo, si mostramos el cuerpo, esa es la página actual de un buscapersonas al que has navegado. De acuerdo, entonces este es el principal. Ahora, el segundo layout, el segundo lout. Todo es bastante similar. De hecho, lo mismo. Casi la única diferencia es importada. Dice que este es el segundo fuerte. Entonces vemos la diferencia. Verás que sí, hecho, navega. De acuerdo, ahora echemos un vistazo a dónde empieza todo. Si volvemos a la solución explorador cabello ancho así, se puede ver en la navaja de afeitar abducida en la navaja de afeitar abducida. De acuerdo, entramos en eso. Aquí es donde empieza todo el asunto. Ya lo sabes. Pero tenemos, ah, dos de estos componentes. Hemos encontrado una K y luego no hemos encontrado. Entonces si por alguna razón falla la navegación, no se encuentra el euro. El redondo no existe a ninguna página. Se exhibirá todo este asunto. Ahora lo hará en el diseño principal. Está bien. Y aquí es donde lo declaras. Entonces si quieres que tu página de error tenga una capa diferente a la de otras páginas, que es algo que normalmente podrías querer tener. De acuerdo, básicamente pondrías en tu diseño para decidir el diseño donde quiera. Ah, básicamente cabello correcto. OK, entonces si necesitabas un segundo en voz alta, harías segundo en voz alta. Ahora, este mensaje de error de tipo se mostraría en el segundo fuerte dejamos el principal en este caso estará mirando eso. Pero para un fundador, aquí es cuando las páginas encontradas y exhibidas desde ahí. ¿ Verdad? Tenemos vista de ruta, ¿de acuerdo? Y luego tenemos alrededor de datos. No nos meteremos en eso. Pero entonces tenemos por defecto en voz alta, y este es tu predeterminado en voz alta. Aquí es donde declaras con el fuerte fuerte fuerte que se usa por defecto. Está bien. Y en este caso, me tenemos fuerte. De hecho, lo tienes a lo largo del tiempo por defecto, y he sugerido apegarte a ese diseño principal. A menos que, por supuesto, sí tengas algunas opciones más. Tal vez un arreglo más avanzado en términos de un layouts. Está bien. Por lo que generalmente solo apegarse al diseño principal así. Ahora, también puedes especificarlo en páginas específicas. De acuerdo, entonces tenemos segundo fuerte y tenemos segundo componente. Segundo componente. De acuerdo, esta es la página, ¿verdad? Segunda página, segundo componente. No importa cómo lo llamemos. Se usará video predecir el layout principal porque no está declarado en ningún lugar. Ahora, en el 3er 1 sin embargo, tenemos un declarado. Nosotros declaramos el segundo en voz alta y para declararlo utilizas en voz alta directiva y declaras que levantó el expediente, que es tu ruidoso, tu segundo secundario peludo, quieras llamarlo, Así que declararlo. Y para esta página en particular, verás segundo lout. Está bien. No lo verás en el principalmente fuera. Lo verás en el 2do 1 Esto en realidad es bastante fácil de hacer. Y esto es básicamente lo único que realmente tienes que recordar. Ahora si vamos al Crume, ver cómo funciona? Yo vine. Ya ves, tenemos el principal fuerte y tenemos el segundo div a segundo. Vamos a segundo. Es de plata. Principalmente Odisea. Esto es una comida fuera, ¿verdad? Como de costumbre, como siempre. Pero entonces, si vamos a la comida, está bien, componente de pie, vemos promoción. Lo mismo que hace Barta de hecho, decir que este es el segundo ruidoso y estamos en playa diferida por sequía, ¿ verdad? Si volvemos, este es el principal fuerte y estamos en el segundo. Entonces, de nuevo, esto es bastante sencillo. Son básicamente lugares libres donde se puede cambiar eso en esa navegación fallida por defecto y luego en cada página en particular. Y con eso, concluiremos esta conferencia. 6. Eventos de ciclo de vida: Hola. En esta conferencia se echará un vistazo a algo llamado eventos del ciclo de vida. Por lo que estos avances ocurren en los ciclos de vida, varios ciclos apagados, vida para la página. De acuerdo, eso es para la página. O en otras palabras, para la flor de la navaja de punto. También se aplicará para los componentes cuando lleguemos a ellos un k Así que para una página fuera o componente, básicamente, se inicia, y luego se renderiza. Por lo que ocurrirán algunos eventos diferentes Do durante todo ese ciclo off eventos. De acuerdo, entonces vamos a echarles un vistazo ahora. En primer lugar, tenemos, ah, un código sobre inicializado. Un fregadero, correcto. Este es el inicial. Una vez que el buscapersonas básicamente se inicializa para renderizar este evento ocurre y lo que estamos haciendo aquí, tenemos una pequeña cadena. Lo estamos mostrando y agregamos cadena de desinversión, evento diferente cuando ocurre, ¿ verdad? Entonces, básicamente verás cuál no te ocurrieron primero en cuál se perdió uno. Entonces tenemos ah, on inicializado. ¿ Verdad? Y esto es lo que haces. Hacer anulación protegida al inicializado. Y no necesitas recordar. Estos son mostrar tu pequeño truco. Qué puedes hacer en estudio visual. Ahora bien, si escribo, protegido, protegido así y luego escribo anulación, obtengo estas sugerencias. Obviamente, en este caso, ya tengo uno después de renderizar diciéndolo. No lo vería cuando las ostras iniciales piensen que no vería tan bien. Pero sí los ves todos, Todos ellos que están disponibles. De acuerdo, así que esto es ah, bastante cualquier truco que te ahorrará un poco de tiempo y tiempo mirando a unas referencias diferentes . Ahora, se puede ver que tenemos en los lomos iniciales para hundirse. Éste ocurre primero, y eso lo verás con bastante claridad. Entonces tenemos el 2do 1 en realidad está en Perama para poner un fregadero. Entonces, cuando se establezca cualquier parámetro, éste ocurrirá. Ahora bien, esto no es muy útil en páginas. Esto te resultará más útil en los componentes, ya que puedes cambiar los parámetros en los componentes incluso después de que se haya renderizado ese componente . De acuerdo, entonces para páginas de nuevo, trato de tus barómetros básicamente en inicializar el fregadero, no causará ningún problema. ¿ Verdad? Y, uh, para estar encendido después de render sink. Y ahora esto puede ser útil cuando tienes algunas bibliotecas javascript, algunas bibliotecas javascript que estás usando tu interacción si aprendes a hacerlo más adelante en el curso. Pero esto puede ser útil porque ocurre una vez que la página se ha renderizado a su vez. Todos los elementos ah se muestran un caso que ya los tienes. Tienes las ideas y todo lo que puede ser necesario para cuando se inicializa algún javascript funcional algo. Pero hay un poco de una parte difícil en esto que tienes este primer render y primero Renda es básicamente cuando se abren las páginas o cuando componente es el primero abierto. Cuando re renderiza por cualquier razón, esto será fuerza. Por lo que ya no será una primera ronda. Y nosotros, como se puede ver, sumamos después de Randy para mostrar cadena. Pero también tenemos algún gran estado viejo ha cambiado. Y ahora este es un método. Y lo que esto lo hace básicamente traseros enders lo trasero nos termina esa página. Se re renderiza ese componente. Por lo que ves, sí necesitamos esto En realidad muestra esto encendido después de renderizar. Pero no podemos hacer eso fuera del primer rounder porque ves lo que va a pasar es que va agregar responderá a toda la cuerda, ¿ verdad? Y entonces se re Rendah y luego visible se repite de nuevo en después de lo render Y luego una vez más y una vez más y una vez más y fallará, se estrellará. Entonces por eso solo hacemos eso en primer lugar. Rendah Onda Uh, echaríamos un vistazo a lo natural un poco más tarde echaremos un vistazo a algún fondo arrojado con es para lo que es útil. Pero ahora veamos el Crume que puedo Veamos el cromo mano derecha que tenemos Ah, ve en inicializado cuando tenemos en parámetros y finalmente en después de render Así es como funciona Servicios un buen lugar para referencia. Y ¿recuerdas ese pequeño truco y estarás bien Y Riffat concluiremos esta conferencia