Suppression de données du stockage dans React Router
Notre application peut ajouter de nouveaux produits, modifier les données, il ne reste plus qu'à ajouter la suppression des données. Pour cela, nous allons repasser par les étapes familières des leçons précédentes.
Pour commencer, ouvrons le fichier forStorage.js
et ajoutons la dernière fonction pour supprimer
un produit spécifique deleteProduct
par son id :
export async function deleteProduct(id) {}
Ensuite, nous obtiendrons la liste des produits du stockage
et trouverons l'index du produit que nous souhaitons supprimer.
Si un tel produit existe, nous le supprimerons de
la liste avec splice.
Puis nous appellerons setProducts et
enverrons la nouvelle liste de produits
dans le stockage :
export async function deleteProduct(id) {
let products = await localforage.getItem('products');
let index = products.findIndex((product) => product.id === id);
if (index > -1) {
products.splice(index, 1);
await setProducts(products);
return true;
}
return false;
}
Prenez l'application que vous avez créée dans les
travaux pratiques des leçons précédentes. En utilisant
le contenu de cette leçon, écrivez la fonction
deleteStudent pour supprimer les données
d'un étudiant du stockage par son id.
