Ahora, por supuesto, las recetas deben mostrarse en la pantalla de categorías de comidas, que es la pantalla que
estamos cargando cuando seleccionamos una
categoría y, obviamente, para representar cualquier receta, las necesitamos, necesitamos recetas para las comidas,
como también las llamo aquí y Comenzaré agregando un nuevo modelo, comida. js donde defino cómo debería ser
una comida en esta aplicación.
Ahora, esta definición adicional es opcional,
pero creo que es un poco más fácil razonar sobre nuestros datos y su estructura.
Así que configuraré una clase aquí y
la exportaré y, en esa clase, agregaré un constructor que nos permita crear nuevas comidas preconfiguradas basadas en la estructura que
estamos a punto de configurar aquí.
Ahora, una comida será más compleja que una categoría, tendrá una
ID pero también
tendrá algunas ID de categoría a las que pertenece, por lo
que múltiples categorías a las que puede pertenecer una comida.
Tendrá un título, por
lo que
un nombre y luego tendrá algunos campos adicionales como la asequibilidad de una
comida, por lo que es caro, ¿es barato?
La complejidad, entonces, ¿qué tan complejo es hacer ese plato basado en esa receta? Un imageUrl que apunta a una imagen en la web
donde tenemos una buena imagen de esa comida. La duración en minutos para crear
esa comida, también los ingredientes que deberían ser una matriz, los pasos que debemos seguir para
preparar esa comida, por lo que las instrucciones y luego cuatro campos que nos ayudan a filtrar,
es GlutenFree, que marca si esto es gluten gratis o no, así que este será un booleano, isVegan, isVegetarian
e isLactoseFree, estos
son los cuatro campos que usaré en esta aplicación.
Ahora, todos los datos que obtenemos aquí se almacenarán en
propiedades, así que aquí estableceré esta ID igual a ID, esta ID de categoría igual a ID de categoría, este
título igual a título, esta imagenUrl igual a imagenUrl y así por supuesto, así que solo almacena todos
los argumentos que obtenemos en las propiedades de eso, el objeto al final se creará en
función de la clase.
Por lo tanto, también obtendremos nuestros pasos aquí, por supuesto, almacenaremos la duración, almacenaremos la complejidad, almacenaremos la asequibilidad
aquí, por supuesto, en una propiedad, almacenaremos si esto es libre de gluten y también todos
los demás filtros, por supuesto,
por lo que es vegetariano, esto es vegetariano también debe almacenarse, por supuesto, y es sin lactosa, que también se
almacenará y sí, con eso, estoy almacenando
todos esos datos.
Ahora podemos agregar algunos datos ficticios, algunas comidas ficticias y, por supuesto, las encontrará nuevamente.
Todo lo que necesitas hacer en una información ficticia. El archivo js es importar comida desde la carpeta de modelos y allí, desde comida. js o simplemente de comida como
esta y ahora adjunta en el archivo Javascript que encuentra adjunto, también encuentra esa matriz
de comidas que puede agregar aquí y que ahora es solo un montón de recetas que preparé para usted que
usa o que usa todos los campos Nos instalamos en nuestro modelo.
Ahora que son datos ficticios con los
que trabajamos, ahora comencemos a trabajar con eso y rendericemos una lista de estas comidas en la pantalla de categoría de comidas.
Por supuesto, solo las comidas que se ajustan a la categoría que seleccionamos, para que tengan nuestra ID de categoría.