React Router-da depodan melumatlarin silinmesi

Bizim aplikasiya yeni mehsul elave ede, melumatlari redakte ede biler, qalir sadece melumatlarin silinmesini elave etmek. Bunun ucun biz evvelki derslerden tanis oldugumuz addimlari yeniden kecaciyik.

Evvelce forStorage.js faylini acaq ve muəyyən bir mehsulu silmek ucun son funksiyani elave edek deleteProduct onun id-sine esasen:

export async function deleteProduct(id) {}

Sonra depodan mehsul siyahisini alacagiq ve silmek istediyimiz mehsulun indeksini tapaq, eger bele bir mehsul varsa, onu siyahidan splice vasitesile sileceyik. Daha sonra setProducts cagiracagiq ve yeni mehsul siyahisini depoya yukleyeceyik:

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

Evvelki derslerin tapşırıqlarinda yaratdiğiniz aplikasiyani goturun. Dersin materiallarindan istifade ederek, id-sine esasen telebe melumatlarini depodan silmek ucun deleteStudent funksiyasini yazin.