Sletning af data fra lageret i React Router

Vores applikation kan tilføje nye produkter, redigere data, det eneste der mangler er at tilføje sletning af data. For at gøre dette gennemgår vi igen de trin, som er kendte fra de foregående lektioner.

Til at starte med åbner vi filen forStorage.js og tilføjer den sidste funktion til at slette et bestemt produkt deleteProduct vha. dets id:

export async function deleteProduct(id) {}

Derefter henter vi listen over produkter fra lageret og finder indekset for det produkt, vi ønsker at slette. Hvis sådant et produkt findes, sletter vi det fra listen med splice. Herefter kalder vi setProducts og overfører den nye produktliste til lageret:

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

Tag den applikation, du oprettede i opgaverne til de forrige lektioner. Brug materialet fra lektionen til at skrive funktionen deleteStudent for at slette data for en studerende fra lageret vha. id.