React Router में स्टोरेज से डेटा हटाना
हमारा एप्लिकेशन नए उत्पाद जोड़ सकता है, डेटा संपादित कर सकता है, अब केवल डेटा हटाने को जोड़ना बाकी है। इसके लिए हम पिछले पाठों से परिचित चरणों से फिर से गुजरेंगे।
शुरुआत के लिए, फ़ाइल forStorage.js
खोलें और एक विशिष्ट उत्पाद को हटाने के लिए
अंतिम फ़ंक्शन deleteProduct
जोड़ें, उसके id के आधार पर:
export async function deleteProduct(id) {}
फिर हम स्टोरेज से उत्पादों की सूची प्राप्त करेंगे
और उस उत्पाद का सूचकांक ढूंढेंगे जिसे हम हटाना चाहते हैं,
यदि ऐसा उत्पाद मौजूद है, तो splice
का उपयोग करके उसे सूची से हटा देंगे।
इसके बाद, हम setProducts को कॉल करेंगे और
नई उत्पाद सूची को स्टोरेज में
सेट कर देंगे:
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;
}
पिछले पाठों के असाइनमेंट में आपके द्वारा बनाए गए
एप्लिकेशन को लें। पाठ की सामग्री का उपयोग करते हुए,
id के आधार पर स्टोरेज से छात्र के डेटा को
हटाने के लिए फ़ंक्शन deleteStudent लिखें।
