e Fala jovem Thiago Matos aqui Nesta aula a gente vai dar seguimento a troca de dados entre componentes só que dessa vez do componente filho para o componente pai utilizando é vem vem comigo jovem cara vou utilizar o mesmo componente para facilitar e você depois entender o espírito da coisa como um todo tá vou remover esse teste aqui porque foi só realmente um teste a que a gente fez e aqui o meu componente de Alert Tá certo vamos supor cara que a gente quer agora colocar secções aqui a gente quer agora colocar um botãozinho aqui
de fechado e é isso para a gente clicar e fechar o Alex beleza quer que eu posso fazer aqui eu posso colocar o botão né o botão e nesse botão ser um X é você pode colocar um ícone pode colocar qualquer coisa que fique mais bonito mas eu não vou me preocupar com design aqui tá certo então quê que eu vou fazer com esse botão eu só vou melhorar esse cara aqui é display e a gente faz com tem Facebook só para ele ficar lá no final então assim que eu clicar nesse botão eu quero
fechar o meu Alex eu quero destruir ele como é que eu faço isso primeiro eu tenho que utilizar um evento para o pai tá certo preciso emitir um evento para o pai então é vento a gente vai fazer o seguinte quando eu clicar nesse botão eu quero dizer o seguinte é Feche o Alex está dando início a gente tem que capturar ou clique no botão então a gente já aprendeu isso@clica Tá certo E aí Vou colocar aqui uma um metro um clipe é feito um clique E aí eu tenho que declarar um método aqui ó
métodos e clique no espaço avó só logo aqui ó clicou e clicou no inglês aportuguesado então quando eu clicar no x agora pô clicou beleza Kiko e agora eu faço o quê Agora faça o seguinte ó existe um cara que chamado e Mix dólar e me esse cara aqui é o cara que vai enviar o evento para o pai porque que ele chama esse evento porque ele vai receber isso utilizando o ver o ver o lembre-se disso ver o que é o arroba então ele vai receber esse cara aqui aí eu dou um nome para
você vender próximo dar o nome que eu quiser nesse caso aqui eu vou dizer Close né de fechar ou seja botão fechar foi clicado Tá certo então é que é que eu vou fazer aqui lá no pai eu vou capturar essa dentro como é que eu captura vento lembra-se do verão beleza acabei de falar sobre ele é uma arroba Close a gente criou um evento personalizado esse evento aqui já não é mais o evento nós Já percebemos que a gente viu aqui mal Sounds Netflix e Up Down enfim só que agora esse Close é um
evento que a gente criou personalizado para esse componente aí aqui eu vou dizer o seguinte homem Close certo vou puxar esse esse método aqui ó e aqui nesse método eu vou também logar algo chamado inclusive é só para a gente saber onde é que as coisas estão chegando eu vou clicar de novo apareceu um close aqui show de bola jovem show de bola de novo olha lá um close massa demais tá sendo impresso aqui então já que isso tá sendo feito quer que eu posso fazer agora agora vou jantar também muita muito conteúdo que a
gente estudou eu vou dizer aqui para esse componente se ele está aberto ou fechado você Ele está mostrando o escondido Então vou colocar aqui show Alex E aí tio certo show Alex ver isso O Alex está sendo mostrado Se eu colocar falso aqui por ele saiu da tela você já aprendeu isso e agora a gente vai começar Kombi lá as coisas hora se agora eu tenho essa quem sabe o que controla o ali na tela para ser mostrado ou não na tela então quando eu receber o evento eu vou dizer que o Alex vai embora
diz show Alex Sons é somente isso é o que quando o evento dentro do componente mandou para cima ou evento lá do pai é o apps capturou esse evento E aí fez a rotina que a gente tem que fazer e aí ó o meu irmão isso aqui é magia só que não é magia negra magia Verde essa e galera se não ficou tão claro para você ainda questão de componente pai componente filho eu vou dar uma explicação aqui rápida aqui é um componente componente é vou colocar ele aqui certo a gente chama esse cara de
componente pai né Bota colocar aqui ó pai aí quando você coloca algum alguém dentro dele vai ser filho tá certo e se você colocar alguém dentro do filho aí ele vai ser filho do filho vamos chamar de Neto certo mas esse cara é pai nesse tá certo esse cara é pai nesse não é uma hierarquia beleza de cascata então assim para você passar desse cara para baixo você vai utilizar proxy Tá certo para você utilizar desse cara para cima você vai utilizar o emitir que é o evento Então pensa sempre seguinte o pai tá em
cima o filho está embaixo do pai para o filho você de cima para baixo você usa a própria de baixo para cima do Filho o pai você usa emitir é são os dentes certo então espero que tenha ficado claro isso daqui mas se não jovem deixa aqui embaixo deixa aqui embaixo o seu comentário essa pergunta que eu vou lá responder ou vai lá no meu Instagram agora e manda um privado para mim porque eu sempre respondo a galera inteira Beleza então é isso daí troca de dados entre componentes né utilizando o emitir o evento e
também as provas fica comigo te vejo aí próximo ao foi o [Música] E aí