Queremos enviar esta acción en la pantalla de filtros, por supuesto, porque allí es donde
configuramos todos estos filtros.
En este momento, los administramos aquí en estado interno y eso se mantendrá de esta manera porque definitivamente necesitamos
nuestros filtros allí, pero ahora,
por supuesto, quiero enviar una acción cuando se presiona el botón Guardar.
Afortunadamente, ya tengo la conexión al encabezado configurada con efecto de uso y establecer parámetros, por lo que
todo lo que tenemos que hacer es reemplazar el registro de la consola aquí con el despacho.
Ahora, por supuesto, para usar el despacho, primero tenemos que importar el gancho de despacho de uso aquí de React Redux de esta
manera y ahora podemos usar
ese gancho aquí para obtener acceso a la función de despacho, por lo que
el despacho constante equivale a usar el despacho ejecutado como una función y
ahora podemos llamar al despacho aquí para despachar una acción y, por lo tanto, también necesitamos
agregar el despacho como una dependencia, pero React Redux se asegurará de que
esto nunca
cambie, por lo que esto nunca desencadenará una nueva
representación, aún, Tenemos que agregarlo.
Eso es despacho, ahora importante, también necesitamos importar mi creador de acciones de las comidas de acciones de la tienda y, por supuesto, estoy hablando del creador de acciones de filtros establecidos porque necesito
llamar a eso aquí
para crear una acción que paso para despachar allí y establezca filtros una vez que este filtro aplicado
objete que reenvío y allí tengo sin gluten, sin lactosa, vegano y eso debería
ser vegetariano, importante, porque las claves que configura aquí deben ser las claves que está buscando
en su reductor de lo contrario, esto no funcionará, importante.
Así que asegúrese de que
sean iguales, de lo contrario esta lógica no funcionará.
Así que ahora estamos enviando esto cada vez que se presiona el botón Guardar y esperamos
que esto ajuste nuestras comidas filtradas y que luego se refleje en la pantalla de comidas de categoría porque estamos
recuperando las comidas filtradas. Intentemos, guardemos esto
y,
por ejemplo, esta hamburguesa, probablemente no vegana.
Así que vayamos a los filtros, activemos vegan, guardemos esto y obtengo un error, no puedo encontrar acciones variables, lanzadas por el reductor de
comidas,
así que echemos un vistazo a eso. Sí, no son acciones, por supuesto, es
acción, ese
es el nombre del argumento.
Eso debería ser acción, un
error menor, solo un error
tipográfico, vamos
a intentarlo de nuevo.
Vuelva a los filtros,
encienda el vegano, guarde esto y ahora vaya a las comidas, las hamburguesas y no las veo aquí,
lo cual es bueno porque eso significa que está filtrado. Mi espagueti con salsa de tomate, todavía
está ahí porque obviamente eso es vegetariano, al menos esto es sin queso.
Así que ahí está, en alemán el escalope se ha ido, rápido y
fácil, la ensalada está ahí, lo que tiene sentido.
Probemos también con otro filtro, sin
gluten, ahora
los espaguetis deberían desaparecer con seguridad,
así que echemos un
vistazo, sí, se han ido.
La ensalada todavía está allí,
los espaguetis se
han ido, por lo que esta lógica parece funcionar. Ahora es importante, si desactivé
sin gluten y, por lo tanto, vuelvo a ver mis espaguetis, si los agrego como favoritos y luego agrego
este filtro nuevamente, por supuesto, en las comidas, desaparecen, en favoritos los veo porque esa es la lógica configuramos que los favoritos no
toman datos de nuestras comidas filtradas, sino que se preocupan por si son favoritos
o no.
Por supuesto, podría cambiar esta lógica, pero aquí la lógica es lo que es y solo las
comidas en las categorías aquí se filtran de acuerdo con los filtros que configure aquí.
Ahora sería bueno tener un pequeño mensaje de reserva aquí si no tenemos datos debido a
nuestros filtros y,
por lo tanto, en la pantalla de comidas de categoría, también quiero verificar si la duración de las comidas es cero, lo que significa que no
tengo comidas para mostrar y luego quiero devolver una vista aquí con mi texto predeterminado allí en realidad y eso significa que
necesitamos importar ambos, necesitamos importar una vista y también necesitaremos la hoja de estilo de React Native e importar el componente de
texto predeterminado de componentes de texto predeterminado y luego agregue un estilo aquí, estilos.
el contenido y el texto predeterminado que mostramos podrían no ser comidas encontradas, tal
vez verifique sus filtros, solo una
pista de que tal vez sus filtros están desactivando las recetas que debería ver aquí.
Ahora agreguemos esos estilos constantes aquí donde creamos una nueva hoja de estilos y allí, quiero
configurar esa clave de contenido donde uso flex one y luego centrar nuevamente el contenido
horizontal y verticalmente con la ayuda de estas propiedades de flexbox, así.
Si ahora lo intentamos y tal vez lo probamos en Android, solo
para mezclar las cosas a pesar de que es un poco más lento, puedo ir a mis filtros allí, establecer sin gluten, volver a mis comidas, italiano, por lo tanto, esto
no es allí, así que recibo este mensaje. Por otro lado, rápido y fácil, allí tengo
una comida y, por lo tanto, no recibo este mensaje
y, por lo tanto, esto no se ve tan mal y, por supuesto, intentemos deshabilitar este filtro nuevamente
y volver, aquí están los espaguetis . Así que ahora todo funciona y así es como podemos administrar nuestro estado con Redux.