Eliminazione dei dati dall'archivio in React Router

La nostra applicazione può aggiungere nuovi prodotti, modificare i dati, non resta che aggiungere l'eliminazione dei dati. Per farlo percorreremo nuovamente i passaggi a noi familiari dalle lezioni precedenti.

Per iniziare, apriamo il file forStorage.js e aggiungiamo l'ultima funzione per eliminare un determinato prodotto deleteProduct in base al suo id:

forStorage.jsexport async function deleteProduct(id) {}

Poi otterremo l'elenco dei prodotti dall'archivio e troveremo l'indice del prodotto che vogliamo eliminare, se tale prodotto esiste, lo rimuoveremo dall' elenco con splice. Successivamente chiameremo setProducts e inseriremo il nuovo elenco di prodotti nell'archivio:

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