Agora, para excluir o item que foi pressionado, adicionarei uma nova função aqui no meu componente de aplicativo, para
que uma nova função que eu armazene nessa
constante e eu nomeie remover o manipulador de
meta e aqui espere obter o ID da meta como uma entrada porque esse ID nos permite identificar o item que
queremos remover, como alternativa, também podemos
obter o índice na matriz e, em seguida, remover o item por índice, mas
acho que o ID é ainda melhor porque temos um ID claramente correspondente a cada item, por que não
usaríamos isso para excluí-lo e
agora podemos definir nossas metas de curso porque, é claro, queremos atualizar as metas do curso e, novamente,
estamos fazendo uma atualização com base em nossa metas do curso atual, então eu vou usar
esse formulário de função aqui, eu passar
uma função, uma função anônima para definir metas do curso.
Lá eu recebo meu instantâneo de estado
atual, minhas metas de curso atuais e no corpo da função, tenho que retornar as metas atualizadas do curso.
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
que desejo retornar, então omito o corpo da
função e a declaração de retorno. Aqui, eu terei um
pouco mais de uma instrução, portanto, quero ter o corpo da função aqui para
legibilidade, porque aqui, retornarei o filtro de metas atuais, pois o filtro é um método integrado ao Javascript que nos
permite para retornar uma nova matriz, o filtro sempre gera uma nova matriz que é baseada na matriz
antiga na qual você está chamando-a filtrada por um determinado critério.
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
meta porque esta função é executada em todos os elementos da matriz que você está chamando, portanto, nesse caso, ela
é executada
em todas as metas que temos na matriz de metas atuais e, portanto, obtemos essa meta. atualmente em
execução e agora podemos retornar true se quisermos manter esse item ou false se quisermos descartá-lo e queremos
retornar true se o ID da meta que estamos visualizando não for igual à ID de meta que temos Estamos começando como um
argumento, porque essa é a ID da meta que queremos excluir, portanto, só
queremos manter os itens em que essas IDs não coincidem, porque, se corresponderem, esse é
o item que queremos
eliminar e, portanto, é claro quero soltá-lo da nossa nova matriz.
Portanto, esta é a lógica do filtro para se livrar de um item e retornar isso aqui como nosso novo estado, que é
definido no final a partir de então.
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
manipulador, mas
lembre-se de que você precisa passar o ID. Portanto, a opção número um é que você também encaminhe
o ID para o item de meta simplesmente apontando para itemData. item. id porque assim como cada item tem
um valor, cada item aqui também tem um ID porque estamos adicionando um ID quando estamos adicionando um item
lá em cima e agora, já que passamos o ID para o item de meta
e passamos o prop onDelete para o item de meta, dentro do item de meta, aqui onde
nós chamamos onDelete no final ou onde encaminhamos o manipulador onDelete aponta para
onPress, também poderíamos vincular isso para definir um argumento padrão quando isso for chamado eo argumento padrão
aqui seria adereço ID, então o ID também estamos recebendo para que esse ID seja
passado para onDelete quando for chamado em uma impressora. Essa é a opção número um e é a opção que eu usarei,
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
aqui onDelete, você sabe que no final o manipulador de meta de remoção será executado e, em seguida, aqui você pode adicionar
vincular isso e, em seguida, apontar que itemData. item. id, isso também funcionaria.
Agora vou reverter isso e vou com a abordagem onde todas as informações estão dentro do item de meta
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
todos possamos excluir nossas metas.
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
um nome diferente, para que possamos ver se apagamos o nome certo.
Queremos aprender tudo, queremos também ser realmente bons no React Native e o que quer que seja e agora vou clicar em aprender
tudo para deletar isso e parece que funciona. Aqui, Aprenda Reagir Nativo
e
agora o último. Vou apagá-lo e também sem nenhum
erro aqui, então isso parece funcionar bem e com isso, estamos apagando itens com a ajuda de opacidade tocável,
tocável neste caso que ajuda você a registrar eventos, como onPress, em qualquer componente ou em qualquer componente que você precise.