Datu dzēšana no krātuves React Router

Mūsu lietotne var pievienot jaunus produktus, rediģēt datus, atliek tikai pievienot datu dzēšanu. Šim nolūkam mēs atkārtosim mums jau pazīstamos soļus no iepriekšējām nodarbībām.

Vispirms atvērsim failu forStorage.js un pievienosim pēdējo funkciju konkrēta produkta dzēšanai deleteProduct pēc tā id:

export async function deleteProduct(id) {}

Pēc tam mēs iegūsim produktu sarakstu no krātuves un atradīsim produkta indeksu, kuru vēlamies dzēst, ja šāds produkts ir, tad dzēsīsim to no saraksta ar splice. Tālāk mēs izsauksim setProducts un ielādēsim jauno produktu sarakstu krātuvē:

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

Paņemiet nodarbībās izveidoto lietotni no iepriekšējiem uzdevumiem. Izmantojot nodarbības materiālus, uzrakstiet funkciju deleteStudent studenta datu dzēšanai no krātuves pēc id.