Brisanje podatkov iz shrambe v React Router

Naša aplikacija lahko doda nove izdelke, uredi podatke, ostane le še dodati brisanje podatkov. Za to bomo ponovili korake, ki so nam že znani iz prejšnjih lekcij.

Za začetek odprimo datoteko forStorage.js in dodajmo zadnjo funkcijo za brisanje določenega izdelka deleteProduct po njegovem id:

forStorage.jsexport async function deleteProduct(id) {}

Nato bomo pridobili seznam izdelkov iz shrambe in našli indeks izdelka, ki ga želimo izbrisati, če tak izdelek obstaja, ga bomo izbrisali iz seznama s pomočjo splice. Nato bomo poklicali setProducts in nalili nov seznam izdelkov v shrambo:

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