Odstránenie údajov z úložiska v React Router

Naša aplikácia môže pridávať nové produkty, upravovať údaje, zostáva už len pridať odstránenie údajov. Na to prejdeme opäť nám známymi z predchádzajúcich lekcií krokmi.

Na začiatok otvorme súbor forStorage.js a pridajme poslednú funkciu na odstránenie konkrétneho produktu deleteProduct podľa jeho id:

forStorage.jsexport async function deleteProduct(id) {}

Potom získame zoznam produktov z úložiska a nájdeme index produktu, ktorý chceme odstrániť, ak taký produkt existuje, tak ho odstránime z zoznamu pomocou splice. Ďalej zavoláme setProducts a nahrajme nový zoznam produktov do úložiska:

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