Andmete kustutamine hoidlast React Routeris

Meie rakendus saab lisada uusi toodeid, muuta andmeid, jääb üle vaid lisada andmete kustutamine. Selleks me läheme uuesti läbi tuttavad sammud eelmistest õppetundidest.

Alustuseks avame faili forStorage.js ja lisame viimase funktsiooni kustutamiseks kindlat toodet deleteProduct selle id järgi:

forStorage.jsexport async function deleteProduct(id) {}

Seejärel saame toodete nimekirja hoidlast ja leiame toote indeksi, mille tahame kustutada, kui selline toode on olemas, siis kustutame selle nimekirjast kasutades splice. Edasi kutsume välja setProducts ja laadime uue toodete nimekirja hoidlasse:

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;
}