Alors, comment pouvons-nous obtenir des informations sur la catégorie sur laquelle nous avons cliqué, nous avons sélectionné de cet
écran de catégorie à l'écran de catégorie de repas? Eh bien sur l'écran des catégories où nous naviguons vers
la catégorie des repas,
pour cette action de navigation en plus du nom de l'itinéraire, nous pouvons également passer les paramètres.
C'est une autre clé que cet objet que vous avez transmis pour naviguer accepte et cela prend lui-même un objet de paires
clé-valeur, de toutes les paires clé-valeur et autant de paires clé-valeur que vous le souhaitez.
Ce ne sont donc que des paramètres, des données supplémentaires que vous transmettez au nouvel écran en cours de chargement.
Maintenant, là, vous pouvez configurer un paramètre nommé ID de catégorie et le nom dépend entièrement de vous,
qui pourrait être
simplement ID, cid ou mon hobby, quoi que vous construisiez et quelles que soient les données que vous devez transmettre, ici nous transmettons
un ID de catégorie donc je vais le nommer tel.
Cela devrait maintenant être dans notre scénario ici, bien sûr, l'ID de
la catégorie sur laquelle nous avons tapé.
Maintenant, bien sûr, nous obtenons nos données d'élément ici pour chaque élément de la
grille qui est rendu, cela contient l'élément et cela a un titre, une couleur et bien, un ID, donc
l'ID de catégorie est itemData. article. id.
Maintenant, nous transmettons cet ID au nouvel écran en cours de chargement et c'est bien sûr la
chose importante ici, cela nous permet
ensuite d'utiliser ces données dans ce nouvel écran. Comment? Eh bien, allons-y, allons à
l'écran de la catégorie repas et voyons comment extraire ce paramètre.
Nous savons que nous en
aurons un, comment pouvons-nous maintenant y avoir accès?
Pour cela, nous pouvons à nouveau utiliser
la navigation par accessoires, donc cet accessoire spécial que nous obtenons parce que ce composant est chargé à
l'aide d'un navigateur de navigation React et sur la navigation, nous n'avons pas seulement à naviguer et à pousser, etc., nous
avons également getParam, une méthode fournie pour extraire un paramètre que nous recevons. getParam prend une chaîne avec le nom du paramètre que nous
voulons extraire et bien sûr, cela devrait être le nom que vous avez choisi
ici comme clé dans cet objet params.
Alors ici, j'ai ajouté l'ID de catégorie, c'est donc le nom que je veux utiliser ici.
Cela me donnera l'ID du chat, cet ID de catégorie, cela me donnera la valeur que nous stockons ici sur ce nom de clé,
dans ce cas, c'est
l'ID,
donc c'est la valeur que
nous extrayons pour l'ID de catégorie dans la catégorie écran repas.
Alors maintenant, nous avons l'ID de chat et nous pouvons maintenant l'utiliser pour avoir accès à tous les repas qui entrent dans cette catégorie,
pour l'instant
nous n'avons pas de repas, nous devrons donc reporter cela, mais au moins nous pouvons également l'utiliser pour obtenir
le titre de notre catégorie et l'utiliser ici et pour cela, tout ce que nous devons faire est bien sûr d'importer des catégories,
donc notre tableau de catégories ici à partir de données / données factices et nous avons l'ID, nous avons un tableau de catégories , bien sûr, nous pouvons
trouver notre catégorie sélectionnée ou tout ce que vous voulez nommer en jetant un œil aux catégories et là, nous pouvons utiliser
find qui prend une fonction qu'il exécute sur chaque élément du tableau, ainsi de suite sur chaque catégorie
et nous donne l'élément où cette fonction renvoie true, ce qui devrait être le cas si l'ID
de la catégorie que nous examinons correspond à l'ID de chat que nous récupérons de nos paramètres.
Cela nous donne la catégorie sélectionnée et pour
prouver que cela fonctionne, je le sortirai ici dans un composant texte, je sortirai selectedCategory.
titre ici. Maintenant, avec cela, si nous revenons en arrière et que nous naviguons dans cette catégorie, nous voyons
l'italien ici juste au-dessus de mes boutons, nous voyons
maintenant rapidement et facilement, donc cela fonctionne. Voici comment nous transmettons les données et
comment nous les extrayons. Bien sûr, vous pouvez transmettre plusieurs paramètres, autant que vous en avez besoin et les paramètres
ne doivent pas nécessairement être des ID, vous pouvez transmettre des objets, vous pouvez transmettre du texte, les nombres et les tableaux, quelles
que soient les données que vous devez transmettre, vous pouvez les transmettre. Vous remarquerez peut-être cependant qu'avec cela, nous pouvons utiliser notre catégorie ici dans notre
écran, mais nous voulons l'utiliser ici dans l'en-tête.
Eh bien abordons cela dans la prochaine conférence.