Fshirja e të dhënave nga depozita në React Router

Aplikacioni ynë mund të shtojë produkte të reja, të redaktojë të dhënat, mbetet vetëm të shtojmë fshirjen e të dhënave. Për këtë ne do të kalojmë përsëri hapat e njohur nga mësimet e mëparshme.

Për fillim, le të hapim skedarin forStorage.js dhe të shtojmë funksionin e fundit për fshirjen e një produkti të caktuar deleteProduct sipas id të tij:

export async function deleteProduct(id) {}

Pastaj do të marrim listën e produkteve nga depozita dhe do të gjejmë indeksin e produktit që duam të fshijmë, nëse ekziston një produkt i tillë, do ta fshijmë nga lista duke përdorur splice. Pastaj do të thërrasim setProducts dhe do të derdhim listën e re të produkteve në depozitë:

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

Merrni aplikacionin e krijuar nga ju në detyrat e mësimeve të mëparshme. Duke përdorur materialet e mësimit, shkruani funksionin deleteStudent për fshirjen e të dhënave të studentit nga depozita sipas id.