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