Ștergerea datelor din stocare în React Router

Aplicația noastră poate adăuga produse noi, edita date, rămâne doar să adaugăm ștergerea datelor. Pentru aceasta vom parcurge din nou pașii familiari din lecțiile anterioare.

Pentru început, să deschidem fișierul forStorage.js și să adăugăm ultima funcție pentru ștergerea unui anumit produs deleteProduct după id-ul său:

export async function deleteProduct(id) {}

Apoi, vom obține lista de produse din stocare și vom găsi indexul produsului pe care vrem să îl ștergem, dacă un astfel de produs există, atunci îl vom șterge din listă cu ajutorul splice. În continuare, vom apela setProducts și vom turna noua listă de produse în stocare:

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

Luați aplicația creată de dvs. în sarcinile din lecțiile anterioare. Folosind materialele lecției, scrieți funcția deleteStudent pentru ștergerea datelor studentului din stocare după id.