Adatok törlése a tárolóból React Routerben

Alkalmazásunk képes új termékeket hozzáadni, adatokat szerkeszteni, már csak az adatok törlését kell hozzáadnunk. Ehhez ismét végigmegyünk a korábbi leckékből már ismerős lépéseken.

Kezdjük azzal, hogy megnyitjuk a forStorage.js fájlt és hozzáadjuk az utolsó függvényt egy adott termék törléséhez deleteProduct annak id alapján:

forStorage.jsexport async function deleteProduct(id) {}

Ezután lekérjük a termékek listáját a tárolóból és megtaláljuk a törölni kívánt termék indexét, ha van ilyen termék, akkor töröljük a listából a splice segítségével. Ezután meghívjuk a setProducts függvényt és beletöltjük az új terméklistát a tárolóba:

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