Mazání dat z úložiště v React Router

Naše aplikace umí přidávat nové produkty, upravovat data, zbývá pouze přidat mazání dat. K tomu projdeme znovu kroky známé z předchozích lekcí.

Nejprve otevřeme soubor forStorage.js a přidáme poslední funkci pro smazání konkrétního produktu deleteProduct podle jeho id:

forStorage.jsexport async function deleteProduct(id) {}

Poté získáme seznam produktů z úložiště a najdeme index produktu, který chceme smazat, pokud takový produkt existuje, smažeme jej ze seznamu pomocí splice. Následně zavoláme setProducts a uložíme nový seznam produktů do úložiště:

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