Ta bort data från lagring i React Router

Vår applikation kan lägga till nya produkter, redigera data, allt som återstår är att lägga till borttagning av data. För att göra detta kommer vi att gå igenom de steg som är bekanta från tidigare lektioner.

Låt oss först öppna filen forStorage.js och lägga till den sista funktionen för att ta bort en specifik produkt deleteProduct med dess id:

export async function deleteProduct(id) {}

Sedan kommer vi att hämta produktlistan från lagringen och hitta index för produkten vi vill ta bort, om en sådan produkt finns, tar vi bort den från listan med splice. Därefter anropar vi setProducts och laddar upp den nya produktlistan till 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 applikationen du skapade i uppgifterna från tidigare lektioner. Använd lektionens material och skriv funktionen deleteStudent för att ta bort data för en student från lagringen med id.