React Router'da ma'lumotlarni ombondan o'chirish

Bizning ilovamiz yangi mahsulotlarni qo'shishi, ma'lumotlarni tahrirlashi mumkin, faqat ma'lumotlarni o'chirishni qo'shish qoldi. Buning uchun biz oldingi darslardan tanish bosqichlarni yana takrorlaymiz.

Boshlash uchun forStorage.js faylini ochamiz va ma'lum bir mahsulotni id bo'yicha o'chirish uchun oxirgi deleteProduct funksiyasini qo'shamiz:

export async function deleteProduct(id) {}

Keyin biz ombondan mahsulotlar ro'yxatini olamiz va o'chirmoqchi bo'lgan mahsulotimiz indeksini topamiz, agar bunday mahsulot mavjud bo'lsa, uni splice yordamida ro'yxatdan o'chiramiz. Keyin setProducts ni chaqiramiz va yangi mahsulotlar ro'yxatini omboga yuklaymiz:

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

Oldingi darslar topshiriqlarida yaratgan ilovangizni oling. Dars materiallaridan foydalanib, id bo'yicha talaba ma'lumotlarini ombondan o'chirish uchun deleteStudent funksiyasini yozing.