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:
export 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:
export 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;
}
Prendi l'applicazione creata da te nei
compiti delle lezioni passate. Usando i
materiali della lezione, scrivi la funzione
deleteStudent per eliminare i dati
dello studente dall'archivio in base al id.
