1 00:00:02,600 --> 00:00:08,300 Agora, para excluir o item que foi pressionado, adicionarei uma nova função aqui no meu componente de aplicativo, para 2 00:00:08,480 --> 00:00:10,790 que uma nova função que eu armazene nessa 3 00:00:11,150 --> 00:00:13,750 constante e eu nomeie remover o manipulador de 4 00:00:13,970 --> 00:00:20,180 meta e aqui espere obter o ID da meta como uma entrada porque esse ID nos permite identificar o item que 5 00:00:20,180 --> 00:00:22,280 queremos remover, como alternativa, também podemos 6 00:00:22,280 --> 00:00:26,620 obter o índice na matriz e, em seguida, remover o item por índice, mas 7 00:00:26,630 --> 00:00:32,450 acho que o ID é ainda melhor porque temos um ID claramente correspondente a cada item, por que não 8 00:00:32,450 --> 00:00:34,480 usaríamos isso para excluí-lo e 9 00:00:34,750 --> 00:00:40,220 agora podemos definir nossas metas de curso porque, é claro, queremos atualizar as metas do curso e, novamente, 10 00:00:40,220 --> 00:00:45,070 estamos fazendo uma atualização com base em nossa metas do curso atual, então eu vou usar 11 00:00:45,080 --> 00:00:47,190 esse formulário de função aqui, eu passar 12 00:00:47,240 --> 00:00:50,400 uma função, uma função anônima para definir metas do curso. 13 00:00:50,510 --> 00:00:52,610 Lá eu recebo meu instantâneo de estado 14 00:00:52,610 --> 00:00:57,890 atual, minhas metas de curso atuais e no corpo da função, tenho que retornar as metas atualizadas do curso. 15 00:00:57,890 --> 00:01:04,490 Agora, caso você esteja se perguntando por que eu não tenho chaves aqui, uso a sintaxe mais curta, onde só tenho uma expressão 16 00:01:04,490 --> 00:01:06,860 que desejo retornar, então omito o corpo da 17 00:01:06,860 --> 00:01:10,500 função e a declaração de retorno. Aqui, eu terei um 18 00:01:10,730 --> 00:01:15,380 pouco mais de uma instrução, portanto, quero ter o corpo da função aqui para 19 00:01:15,860 --> 00:01:22,430 legibilidade, porque aqui, retornarei o filtro de metas atuais, pois o filtro é um método integrado ao Javascript que nos 20 00:01:22,730 --> 00:01:28,940 permite para retornar uma nova matriz, o filtro sempre gera uma nova matriz que é baseada na matriz 21 00:01:28,940 --> 00:01:32,800 antiga na qual você está chamando-a filtrada por um determinado critério. 22 00:01:32,840 --> 00:01:39,260 Agora o critério é no final passado com a ajuda de uma função que você passa para filtrar. Esta função que você passa para filtrar obtém a 23 00:01:39,260 --> 00:01:45,540 meta porque esta função é executada em todos os elementos da matriz que você está chamando, portanto, nesse caso, ela 24 00:01:45,540 --> 00:01:46,490 é executada 25 00:01:46,490 --> 00:01:52,220 em todas as metas que temos na matriz de metas atuais e, portanto, obtemos essa meta. atualmente em 26 00:01:52,220 --> 00:01:57,890 execução e agora podemos retornar true se quisermos manter esse item ou false se quisermos descartá-lo e queremos 27 00:01:57,890 --> 00:02:05,150 retornar true se o ID da meta que estamos visualizando não for igual à ID de meta que temos Estamos começando como um 28 00:02:05,250 --> 00:02:09,560 argumento, porque essa é a ID da meta que queremos excluir, portanto, só 29 00:02:09,710 --> 00:02:14,750 queremos manter os itens em que essas IDs não coincidem, porque, se corresponderem, esse é 30 00:02:14,750 --> 00:02:16,000 o item que queremos 31 00:02:16,070 --> 00:02:19,580 eliminar e, portanto, é claro quero soltá-lo da nossa nova matriz. 32 00:02:20,120 --> 00:02:25,820 Portanto, esta é a lógica do filtro para se livrar de um item e retornar isso aqui como nosso novo estado, que é 33 00:02:25,820 --> 00:02:27,620 definido no final a partir de então. 34 00:02:27,620 --> 00:02:35,810 Agora podemos conectar remover manipulador para onDelete e agora aqui temos duas opções ou várias opções de fazer isso, podemos simplesmente apontar add remove handler 35 00:02:35,810 --> 00:02:36,760 manipulador, mas 36 00:02:36,830 --> 00:02:42,200 lembre-se de que você precisa passar o ID. Portanto, a opção número um é que você também encaminhe 37 00:02:42,200 --> 00:02:50,710 o ID para o item de meta simplesmente apontando para itemData. item. id porque assim como cada item tem 38 00:02:50,770 --> 00:02:57,760 um valor, cada item aqui também tem um ID porque estamos adicionando um ID quando estamos adicionando um item 39 00:02:57,760 --> 00:03:03,260 lá em cima e agora, já que passamos o ID para o item de meta 40 00:03:03,260 --> 00:03:09,280 e passamos o prop onDelete para o item de meta, dentro do item de meta, aqui onde 41 00:03:09,280 --> 00:03:14,320 nós chamamos onDelete no final ou onde encaminhamos o manipulador onDelete aponta para 42 00:03:14,320 --> 00:03:20,320 onPress, também poderíamos vincular isso para definir um argumento padrão quando isso for chamado eo argumento padrão 43 00:03:20,320 --> 00:03:25,900 aqui seria adereço ID, então o ID também estamos recebendo para que esse ID seja 44 00:03:25,900 --> 00:03:32,800 passado para onDelete quando for chamado em uma impressora. Essa é a opção número um e é a opção que eu usarei, 45 00:03:32,800 --> 00:03:38,530 mas também para mostrar a outra opção, a outra opção é que você não passe o ID para o item de meta, mas 46 00:03:38,530 --> 00:03:44,050 aqui onDelete, você sabe que no final o manipulador de meta de remoção será executado e, em seguida, aqui você pode adicionar 47 00:03:44,080 --> 00:03:50,590 vincular isso e, em seguida, apontar que itemData. item. id, isso também funcionaria. 48 00:03:51,040 --> 00:03:56,280 Agora vou reverter isso e vou com a abordagem onde todas as informações estão dentro do item de meta 49 00:03:56,290 --> 00:04:04,030 e nós conectamos nossa função com o ID de dentro do item de meta. Agora, com isso, devemos ter uma configuração em que 50 00:04:04,030 --> 00:04:06,880 todos possamos excluir nossas metas. 51 00:04:06,910 --> 00:04:13,780 Então, vamos esperar por isso para recarregar e vamos testá-lo talvez aqui no iOS, queremos aprender Reagir Nativo e agora eu quero usar 52 00:04:13,840 --> 00:04:17,830 um nome diferente, para que possamos ver se apagamos o nome certo. 53 00:04:17,830 --> 00:04:26,520 Queremos aprender tudo, queremos também ser realmente bons no React Native e o que quer que seja e agora vou clicar em aprender 54 00:04:26,980 --> 00:04:33,790 tudo para deletar isso e parece que funciona. Aqui, Aprenda Reagir Nativo 55 00:04:34,060 --> 00:04:35,710 e 56 00:04:35,710 --> 00:04:40,720 agora o último. Vou apagá-lo e também sem nenhum 57 00:04:40,750 --> 00:04:47,440 erro aqui, então isso parece funcionar bem e com isso, estamos apagando itens com a ajuda de opacidade tocável, 58 00:04:47,440 --> 00:04:54,700 tocável neste caso que ajuda você a registrar eventos, como onPress, em qualquer componente ou em qualquer componente que você precise.