React Router တွင် သိုလှောင်ရာမှ အချက်အလက်များကို ဖယ်ရှားခြင်း

ကျွန်ုပ်တို့၏ အက်ပ်လီကေးရှင်းသည် အသစ်သော ထုတ်ကုန်များထည့်ခြင်း၊ အချက်အလက်များကို တည်းဖြတ်ခြင်းတို့ လုပ်ဆောင်နိုင်ပြီ၊ အချက်အလက်ဖယ်ရှားခြင်းကို ထည့်ရန် လိုအပ်ပါသည်။ ဤအတွက် ယခင်သင်ခန်းစာများမှ ကျွန်ုပ်တို့ ရင်းနှီးပြီးဖြစ်သော အဆင့်များကို ထပ်မံလုပ်ဆောင်ပါမည်။

ပထမဦးစွာ ဖိုင် forStorage.js ကို ဖွင့်ပြီး သတ်မှတ်ထားသော ထုတ်ကုန်ကို ဖယ်ရှားရန် နောက်ဆုံးလုပ်ဆောင်ချက် deleteProduct ကို ၎င်း၏ id အလိုက် ထည့်သွင်းပါမည်။

forStorage.jsexport async function deleteProduct(id) {}

ထို့နောက် ကျွန်ုပ်တို့သည် သိုလှောင်ရာမှ ထုတ်ကုန်စာရင်းကို ရယူပြီး ဖယ်ရှားလိုသော ထုတ်ကုန်၏ အညွှန်းကို ရှာဖွေပါမည်။ ထိုသို့သော ထုတ်ကုန်ရှိပါက splice ကိုသုံး၍ စာရင်းမှ ဖယ်ရှားပါမည်။ ထို့နောက် ကျွန်ုပ်တို့သည် setProducts ကို ခေါ်ပြီး ထုတ်ကုန်စာရင်းအသစ်ကို သိုလှောင်ရာထဲသို့ သိမ်းဆည်းပါမည်။

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