Então, como podemos obter informações sobre a categoria em que clicamos, selecionamos dessa tela de
categoria para a tela de refeições da categoria? Bem, na tela de categorias em que navegamos para as
refeições da categoria,
para esta ação de navegação além do nome da rota, também podemos passar os parâmetros.
Essa é outra chave que este objeto que você transmitiu para navegar aceita e é um objeto de pares de
valores-chave, de quaisquer pares de valores-chave e quantos pares de valores-chave você desejar.
Portanto, esses são apenas parâmetros, dados extras que você está passando para a nova tela que está sendo carregada.
Agora, você pode configurar um parâmetro chamado ID da categoria e o nome depende totalmente de
você, que pode
ser apenas o ID, cid ou meu hobby, o que você estiver construindo e os dados que precisar encaminhar, aqui estamos
encaminhando uma identificação de categoria, portanto, vou chamá-lo assim.
Isso agora deve estar em nosso cenário aqui, é claro, o
ID da categoria em que tocamos.
Agora, é claro, estamos obtendo nossos dados do item aqui para cada item da grade
que é renderizado, ele contém o item e possui um título, uma cor e um bem, um ID, portanto o
ID da categoria é itemData. item. Eu iria.
Agora estamos encaminhando esse ID para a nova tela que está sendo carregada e, é claro, a
coisa mais importante aqui, isso nos
permite usar esses dados nessa nova tela. Quão? Bem, vamos lá, vamos para a
tela de categoria de refeições e ver como podemos extrair esse parâmetro.
Sabemos que conseguiremos um,
como podemos ter acesso a ele agora?
Para isso, podemos novamente usar a navegação
de adereços, portanto, esse adereço especial que estamos recebendo, porque esse componente aqui está sendo carregado com
a ajuda de um navegador de navegação React e na navegação, não precisamos apenas navegar e pressionar e assim por
diante, também temos getParam, um método fornecido para extrair um parâmetro que recebemos. getParam usa uma string com o nome do parâmetro que queremos
extrair e, é claro, esse deve ser o nome que você escolheu aqui
como chave no objeto de parâmetros.
Então, aqui, eu adicionei o ID da categoria, portanto, esse é o nome que eu quero usar aqui.
Isso fornecerá o ID do gato, o ID da categoria. Isso fornecerá o valor que estamos armazenando aqui com o nome da chave; nesse caso,
esse é o ID,
portanto,
esse é o valor que
estamos extraindo para o ID da categoria na categoria tela de refeições.
Portanto, agora temos o ID do gato e agora podemos usá-lo para obter acesso a todas as refeições que se encaixam nessa
categoria. No
momento, não temos refeições; portanto, precisamos adiar isso, mas pelo menos também podemos usá-lo. para obter nosso título
de categoria e usá-lo aqui e por isso, tudo o que precisamos fazer, é claro, é que precisamos importar categorias; portanto, nossas
categorias são agrupadas aqui a partir de dados / dados fictícios e temos o ID, temos um conjunto de categorias , é claro que podemos encontrar nossa
categoria selecionada ou o que você quiser nomear, dando uma olhada nas categorias e, aí, podemos usar find, que executa uma
função que é executada em todos os elementos da matriz, assim em todas as categorias e nos
fornece o item em que essa função retorna true, que deve ser o caso se o ID
da categoria que estamos vendo corresponder ao ID do gato que estamos recuperando de nossos parâmetros.
Isso nos fornece a categoria selecionada e, para
provar que isso funciona, mostrarei aqui em um componente de texto, mostrarei selectedCategory.
título aqui. Agora, com isso, se voltarmos e navegarmos para essa categoria, veremos o italiano aqui logo
acima dos meus botões, veremos rápido e fácil
agora, de modo que está funcionando. É assim que transmitimos os
dados e como os extraímos e, é claro, você pode passar vários parâmetros, quantos forem
necessários e os parâmetros não precisam ser IDs, você pode passar objetos, texto, números e matrizes, quaisquer
dados que você precise passar, você pode passar. Você pode perceber, no entanto, que é claro que com isso, podemos usar nossa categoria aqui
em nossa tela, mas queremos usá-la aqui no cabeçalho.
Bem, vamos abordar isso na próxima palestra.