Sletting av data fra lagring i React Router
Applikasjonen vår kan legge til nye produkter, redigere data, det som gjenstår er å legge til datasletting. For å gjøre dette vil vi gå gjennom de trinnene vi er kjent med fra tidligere leksjoner igjen.
La oss først åpne filen forStorage.js
og legge til den siste funksjonen for å slette
et bestemt produkt deleteProduct
basert på dens id:
export async function deleteProduct(id) {}
Deretter henter vi listen over produkter fra lagringen
og finner indeksen til produktet vi ønsker å slette,
hvis et slikt produkt finnes, sletter vi det fra
listen ved hjelp av splice.
Deretter kaller vi setProducts og
legger den nye produktlisten
tilbake i lagringen:
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;
}
Ta applikasjonen du opprettet i
oppgavene til de foregående leksjonene. Bruk
materialet fra leksjonen til å skrive funksjonen
deleteStudent for å slette data
for en student fra lagringen basert på id.
