Entonces trabajamos con el navegador de pila.
Ahora qué hay del sorteo.
La lógica es exactamente la misma.
Creamos nuestro año de navegador de sorteo de la tienda llamando a crear navegador de sorteo y al igual que el navegador de pila.
Esta función no quiere argumentos.
En su lugar, configuraremos nuestra navegación de dibujo en un enfoque basado en componentes o papá, crearé un navegador de la tienda aquí
y este será un componente de reacción.
De nuevo, podría tener eso en un archivo separado.
Lo guardaré todo en un solo archivo para tenerlo al lado del código antiguo y en su devolución volveremos a dibujar
el navegador de puntos.
La misma lógica que antes No importa que sea un empate.
Y allí ahora tenemos dos pantallas diferentes que se pueden cargar a través del navegador
y la navegación de reacción asegurará automáticamente que se cree un navegador que podamos abrirlo con el mismo
código que usamos antes, no tendrá que ajustar eso.
Así que aquí ahora tenemos nuestra pantalla de puntos de navegador de dibujo y justicia antes de darle un nombre a esa pantalla.
Aquí tenemos dos productos, por ejemplo.
Y ese nombre se usará automáticamente dentro del navegador de dibujo.
Aunque también podría sobrescribir todo eso si lo desea y necesitamos un componente que se carga cuando hacemos clic
en ese enlace en el navegador.
Y aquí sigue siendo el navegador del producto.
Entonces, al igual que antes, podemos usar nuestros navegadores de pila a pesar de que ahora están usando este enfoque
basado en componentes como componentes que deberían crearse como parte de otro navegador en este caso como parte del
navegador de dibujo.
Todavía podemos señalar a nuestros navegadores de pila como componentes aquí porque son componentes este año.
Este es un componente y lo mismo es cierto para todos nuestros navegadores.
Creamos aquí que todos son componentes de reacción que contienen sus componentes específicos de lógica de navegación específicos
y los componentes generales como el navegador de productos aquí se pueden usar en un navegador de sorteo, así
que replicaré esto dos veces para que también podamos agregar nuestros pedidos aquí con el navegador de pedidos y el administrador aquí con el navegador de administrador
y asegúrese de que no tenga errores en sus nombres porque los estamos usando en toda la aplicación
y esa lógica no necesitará ser ajustada.
Entonces, si confunde los nombres aquí, otras partes de la aplicación no funcionarán bien.
Así que ahora tenemos este navegador de dibujo configurado y ahora qué pasa con la configuración.
Ahora hay dos cosas que debemos considerar.
Por un lado, tenemos que configurar aquí el contenido del sorteo.
Y segundo, queremos configurar nuestras diferentes pantallas, como el navegador del producto o el navegador del pedido, para
tener sus propios iconos en el cajón.
Bueno, comencemos con los iconos.
Anteriormente configuramos que puedo directamente en la configuración del navegador de pila que
queríamos usar en un sorteo ahora con el enfoque basado en componentes.
Ya no hacemos eso.
En cambio, podemos tomar esta parte aquí, en realidad somos todo este objeto que configuramos previamente en el navegador
de la pila y bajar a nuestro sorteo.
Y ahora aquí en esta pantalla a la que pertenece.
Entonces, en este caso, pertenece al administrador Navigator.
Entonces, aquí en la pantalla de administración, pasamos nuevamente nuestras opciones, tal como lo hicimos un segundo, voy al navegador de la pila.
Entonces, aquí pasamos las opciones para esta pantalla y este podría ser un componente normal o, como es en este caso,
un componente con nuestra lógica de navegación de pila y dos opciones, pasamos un objeto y allí podemos
reutilizar ese objeto que usamos antes.
Entonces, un objeto con un dibujo que puedo marcar donde tenemos nuestro ojo viene y así sucesivamente.
Así que todo esto funciona bien antes de un pequeño ajuste, sin embargo, ahora tenemos accesorios aquí también alimentados por la navegación de
reacción y estos accesorios tendrán una clave de color en lugar de dibujar color de tinte activo de configuración y el color siempre será el
color correcto porque la navegación de reacción detrás del las escenas controlarán dónde hace esto
o no a la pantalla actualmente activa y ajustará los valores almacenados en ese accesorio de color.
Ya he resaltado el color resaltado ya conocido.
Así que es un pequeño ajuste que tenemos que hacer aquí bien y con eso podemos copiar
la lógica de los otros navegadores, así como del navegador de la orden, tomemos este
objeto que teníamos y sus opciones de navegación se reducen al sorteo de las órdenes. la pantalla agrega el pase de tecla de opciones y
es un objeto y comenta que está de vuelta e importante, ahora obtenemos accesorios que tendrán esa tecla de color como esta y, por último,
pero no menos importante, también lo haremos para la pantalla de productos para el navegador de productos.
Aquí tenemos este objeto, vamos a agarrarlo, vamos a dibujar nuestro navegador y
aquí está la configuración de la pantalla de nuestro producto, la tecla de opciones aquí.
Lo pasé y lo ajusté como lo acabo de mostrar.
Así que ahora tenemos nuestra configuración específica de pantalla aquí.
Podría decir ahora qué pasa con el dibujo general porque anteriormente en la aplicación con la antigua
navegación de reacción en la que realmente teníamos nuestro dibujo y configuramos el color de tinte activo y también el contenido
del dibujo.
Bueno, aún puedes hacerlo con ese nuevo enfoque.
Vamos a nuestro navegador de dibujo, de modo que configuramos el navegador general y lo configuramos a través de accesorios como
antes.
Se trata de componentes y accesorios, así que aquí ahora, sin embargo, tenemos un nombre diferente, ya no
tenemos opciones de contenido y un componente de contenido.
Y puedes encontrar esto en los documentos oficiales.
Ahora tenemos contenido de dibujo y opciones de contenido de dibujo.
Sin embargo, los valores son exactamente los mismos al final.
Por lo tanto, podemos tomar nuestro objeto de opciones de
contenido aquí y en el pasado para dibujar aquí las opciones de contenido y comentarlo dentro y hacia adelante para dibujar un contenido.
También es casi lo mismo.
Acabamos de envolver este componente
aquí hasta aquí.
Copia
esto y pasa esto aquí al contenido del dibujo y comenta esto.
Sin embargo, ahora dos cosas importantes que usan este parche no están permitidas aquí.
Deberías hacer esto fuera de aquí.
Entonces, por ejemplo, aquí en el navegador de la tienda asintió con la cabeza es un componente anidado.
Además, ya no es dibujar elementos, sino dibujar una lista de elementos que también debemos importar en la parte superior del dibujo
de barra de reactivación.
Así que aquí importamos la lista de elementos de dibujo
con ella.
Sin embargo, si me desplazo hacia abajo, esto debería estar funcionando nuevamente y ahora debería ser nuestro sorteo de trabajo, así que
tenemos el navegador de la tienda, tenemos todos estos navegadores de pila, lo que queda ahora es ese
interruptor de navegador que básicamente muestra nuestra pantalla de inicio o usted pantalla o la pantalla de la tienda o hacer sus respectivas
pilas de navegación, debo decir.
Bueno, en eso trabajaremos a continuación.