Duomenų šalinimas iš saugyklos React Router

Mūsų aplikacija gali pridėti naujus produktus, redaguoti duomenis, belieka tik pridėti duomenų šalinimą. Tam mes vėl eisime pažįstamais iš ankstesnių pamokų žingsniais.

Pirmiausia atidarykime failą forStorage.js ir pridėkime paskutinę funkciją norimo produkto pašalinimui deleteProduct pagal jo id:

export async function deleteProduct(id) {}

Tada gausime produktų sąrašą iš saugyklos ir rasime produkto, kurį norime pašalinti, indeksą, jei toks produktas yra, tai pašalinsime jį iš sąrašo naudodami splice. Toliau mes iškvieksime setProducts ir įkelsime naują produktų sąrašą į saugyklą:

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

Paimkite aplikaciją, kurią sukūrėte užduotyse prie ankstesnių pamokų. Naudodamiesi pamokos medžiaga, parašykite funkciją deleteStudent studento duomenims šalinti iš saugyklos pagal id.