Entonces, ¿cómo podemos obtener información sobre la categoría en la que hicimos clic, que seleccionamos de esta pantalla
de categoría a la pantalla de comidas de categoría? Bueno, en la pantalla de categorías donde navegamos a las
comidas de categoría, para
esta acción de navegación además del nombre de la ruta, también podemos pasar los parámetros.
Esa es otra clave que este objeto que pasó para navegar acepta y se convierte en un objeto
de pares clave-valor, de cualquier par clave-valor y tantos pares clave-valor como desee.
Estos son simplemente parámetros, datos adicionales que está pasando a la nueva pantalla que se está cargando.
Ahora, puede configurar un parámetro llamado ID de categoría y el nombre depende totalmente de usted, que
podría ser solo
ID, cid o mi hobby, lo que sea que esté creando y los datos que necesite reenviar, aquí lo reenviamos un
ID de categoría, por lo tanto, lo nombraré así.
Esto ahora debería estar en nuestro escenario aquí, por supuesto, la ID
de la categoría en la que hicimos tapping.
Ahora, por supuesto, estamos obteniendo los datos de nuestros elementos aquí para cada elemento de la
cuadrícula que se procesa, esto contiene el elemento y tiene un título, un color y un ID, por lo que la
ID de categoría es itemData. articulo. carné de identidad.
Ahora estamos reenviando esa ID a la nueva pantalla que se está cargando y eso, por supuesto,
es lo importante aquí, esto nos
permite usar esos datos en esa nueva pantalla. ¿Cómo? Bueno, vayamos allí, vayamos a la
pantalla de categorías de comidas y veamos cómo podemos extraer ese parámetro.
Sabemos que obtendremos
uno, ¿cómo podemos obtener acceso ahora?
Para esto, podemos usar nuevamente la navegación
de accesorios, por lo que este accesorio especial que estamos obteniendo porque este componente aquí se está
cargando con la ayuda de un navegador de navegación React y en la navegación, no solo tenemos navegar y empujar,
etc. También tenemos getParam, un método proporcionado para extraer un parámetro que recibimos. getParam toma una cadena con el nombre del parámetro que queremos
extraer y, por supuesto, ese debería ser el nombre que eligió aquí como
clave en ese objeto de parámetros.
Entonces, aquí, agregué ID de categoría, por lo tanto, ese es el nombre que quiero usar aquí.
Esto me dará la ID de gato, esa ID de categoría, Esto me dará el valor que estamos almacenando aquí en ese nombre clave, en este caso,
esa es la ID,
así
que ese es el valor que
estamos extrayendo para la ID de categoría en la categoría pantalla de comidas.
Así que ahora tenemos la identificación del gato y ahora podemos usarla para, por supuesto, tener acceso a todas las comidas que se ajustan
a esta
categoría, en este momento no tenemos comidas, así que tendremos que posponer esto, pero al menos también podemos usar
esto para obtener nuestro título de categoría y usarlo aquí y para eso, todo lo que tenemos que hacer, por supuesto, es importar
categorías, por lo que nuestras categorías se agrupan aquí desde datos / datos ficticios y tenemos la ID, tenemos una matriz de categorías , por supuesto, podemos encontrar
nuestra categoría seleccionada o lo que quiera nombrar al echar un vistazo a las categorías y allí, podemos usar find que toma
una función que se ejecuta en cada elemento de la matriz, así que en cada categoría y nos
da el elemento donde esta función devuelve verdadero, que debería ser el caso si la ID de
la categoría que estamos viendo coincide con la ID del gato que estamos recuperando de nuestros parámetros.
Esto nos da la categoría seleccionada y para demostrar
que esto funciona, lo mostraré aquí en un componente de texto, generaré una categoría seleccionada.
titulo aqui. Ahora con eso, si volvemos y navegamos a esa categoría, vemos italiano aquí justo encima
de mis botones, vemos rápido y fácil ahora,
así que eso está funcionando. Así es como pasamos los
datos hacia adelante y cómo los extraemos y, por supuesto, puede pasar múltiples parámetros, tantos
como necesite y los parámetros no tienen que ser ID, puede pasar objetos, puede pasar texto, números
y matrices, cualquier información que necesite pasar, puede pasarla. Sin embargo, puede notar que, por supuesto, con eso, podemos usar nuestra categoría aquí en
nuestra pantalla, pero queremos usarla aquí en el encabezado.
Bueno, abordemos eso en la próxima conferencia.