Maintenant, pour supprimer l'élément sur lequel j'ai appuyé, j'ajouterai une nouvelle fonction ici dans mon composant d'application, donc une nouvelle
fonction que je stocke dans cette constante et
je la nommerai supprimer le gestionnaire d'objectif et ici
je m'attends à obtenir l'ID d'objectif en entrée parce que cet ID nous permet d'identifier l'élément que nous voulons supprimer, comme alternative,
nous pourrions également obtenir l'index dans le
tableau puis supprimer l'élément par index mais je pense que l'ID est encore meilleur parce
que nous avons un L'ID correspond clairement à chaque élément, pourquoi ne l'utiliserions-nous pas pour le supprimer et maintenant ici, nous
pouvons définir nos objectifs de cours
parce que bien sûr, je veux mettre à jour mes objectifs de cours et encore une fois, nous faisons
une mise à jour qui est basée sur notre objectifs actuels du cours, je vais donc utiliser
ce formulaire de fonction ici, je passe
une fonction, une fonction anonyme pour définir les objectifs du cours.
Là, je reçois mon instantané d'état actuel, mes
objectifs de cours actuels et dans le corps de la fonction, je dois retourner les objectifs de cours mis à jour.
Maintenant, au cas où vous vous demandez pourquoi je n'ai pas d'accolades ici, j'utilise ici la syntaxe la plus courte où je n'ai qu'une seule
expression que je veux retourner, donc j'omet le corps
de la fonction et l'instruction return. Ici, je vais avoir un
peu d'une déclaration plus longue, donc je veux avoir le corps de la fonction ici
pour plus de lisibilité car ici, je vais retourner le filtre des objectifs actuels car le filtre est une méthode intégrée
intégrée à Javascript qui nous permet pour renvoyer un nouveau tableau, filter produit toujours un nouveau tableau qui est basé
sur l'ancien tableau sur lequel vous l'appelez filtré par un certain critère.
Maintenant, les critères sont finalement passés à l'aide d'une fonction que vous passez pour filtrer. Cette fonction que vous transmettez pour filtrer obtient l'objectif car
cette fonction s'exécute sur chaque élément du tableau que vous l'appelez, donc dans ce cas, elle s'exécute sur chaque objectif que
nous avons dans
le tableau d'objectifs actuel et donc nous obtenons cet objectif c'est actuellement en cours d'exécution et maintenant
nous
pouvons retourner vrai si nous voulons garder cet élément ou faux si nous voulons le supprimer et nous
voulons retourner vrai si l'ID de l'objectif que nous regardons n'est pas égal à l'ID d'objectif que nous ' re obtenir comme argument parce
que c'est l'ID de l'objectif que nous voulons supprimer, donc nous voulons seulement garder
les éléments où ces ID ne correspondent pas, car s'ils correspondent, alors c'est l'élément dont nous
voulons nous débarrasser et
donc nous bien sûr voulez le supprimer de notre nouveau tableau.
C'est donc la logique du filtre pour se débarrasser d'un élément et le renvoyer ici comme notre nouvel état qui
est finalement défini par la suite.
Maintenant, nous pouvons connecter le gestionnaire de suppression à onDelete et maintenant nous avons deux options ou plusieurs options pour le faire, nous pouvons simplement pointer ajouter le gestionnaire de
but de suppression,
mais gardez à l'esprit que vous devez transmettre l'ID. Donc, l'option numéro un est que vous transmettez
également l'ID ici à l'élément d'objectif en pointant simplement itemData. article. id parce que tout comme chaque élément
a une valeur, chaque élément ici a également un ID parce que nous ajoutons un ID lorsque nous ajoutons
un élément là-haut et maintenant depuis que nous transmettons l'ID à l'élément d'objectif et nous
passons l'hélice onDelete à l'élément d'objectif, à l'intérieur de l'élément d'objectif, ici où nous appelons onDelete à
la fin ou où nous transmettons le gestionnaire onDelete pointe à onPress, nous
pouvons également le lier pour définir un argument par défaut lors de l'appel et l'argument par défaut
ici serait l'ID d'accessoires, donc l'ID que nous obtenons également pour que cet ID soit
transmis à onDelete lorsqu'il est appelé par une presse. C'est l'option numéro un et c'est l'option que j'utiliserai mais aussi pour
vous montrer l'autre option, l'autre option serait que vous ne passiez pas l'ID à l'élément d'objectif mais à la place
ici onDelete, vous savez à la fin le gestionnaire de suppression d'objectif sera exécuté, puis ici, vous pouvez ajouter
lier ceci puis pointer cet élémentData. article. id, cela fonctionnerait aussi.
Maintenant, je reviendrai sur cela et je continuerai avec l'approche où toutes les informations se trouvent à l'intérieur de
l'élément d'objectif et nous connectons notre fonction avec l'ID de l'intérieur de l'élément d'objectif. Maintenant, avec cela, nous devrions avoir une configuration où
nous pouvons tous supprimer nos objectifs.
Attendons donc que cela se recharge et testons-le peut-être ici sur iOS, nous voulons apprendre React Native et maintenant je veux utiliser un
nom différent, afin que nous puissions voir si nous avons supprimé le bon.
Nous voulons tout apprendre, nous voulons peut-être aussi devenir vraiment bons à React Native et quoi que ce soit et maintenant je vais en fait cliquer
sur tout apprendre pour supprimer cela et cela semble fonctionner. Ici, découvrez React Native
et
maintenant le dernier. Je vais le supprimer et aussi sans
aucune erreur ici, donc cela semble fonctionner correctement et avec cela, nous supprimons les éléments à l'aide de l'opacité tactile, tactile dans
ce cas qui vous aide à enregistrer des événements, comme onPress, sur n'importe quel composant ou sur tous les composants dont vous avez besoin.