React Router'da Depodan Veri Silme

Uygulamamız yeni ürünler ekleyebiliyor, verileri düzenleyebiliyor, geriye sadece veri silme özelliğini eklemek kaldı. Bunun için önceki derslerden aşina olduğumuz adımları tekrar geçeceğiz.

İlk olarak forStorage.js dosyasını açalım ve belirli bir ürünü silmek için son fonksiyonu deleteProduct ekleyelim onun id değerine göre:

export async function deleteProduct(id) {}

Ardından depodan ürün listesini alacağız ve silmek istediğimiz ürünün indeksini bulacağız, eğer böyle bir ürün varsa, onu listeden splice ile kaldıracağız. Sonrasında setProducts fonksiyonunu çağırıp yeni ürün listesini depoya yükleyeceğiz:

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

Önceki derslerin görevlerinde oluşturduğunuz uygulamayı alın. Ders materyallerinden faydalanarak, id değerine göre depodan öğrenci verilerini silmek için deleteStudent fonksiyonunu yazın.