Sletting av data fra lagring i React Router

Applikasjonen vår kan legge til nye produkter, redigere data, det som gjenstår er å legge til datasletting. For å gjøre dette vil vi gå gjennom de trinnene vi er kjent med fra tidligere leksjoner igjen.

La oss først åpne filen forStorage.js og legge til den siste funksjonen for å slette et bestemt produkt deleteProduct basert på dens id:

forStorage.jsexport async function deleteProduct(id) {}

Deretter henter vi listen over produkter fra lagringen og finner indeksen til produktet vi ønsker å slette, hvis et slikt produkt finnes, sletter vi det fra listen ved hjelp av splice. Deretter kaller vi setProducts og legger den nye produktlisten tilbake i lagringen:

forStorage.jsexport 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;
}