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:

forStorage.jsexport 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:

forStorage.jsexport 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;
}