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

আপনি আগের পাঠের অ্যাসাইনমেন্টে তৈরি করা অ্যাপ্লিকেশনটি নিন। পাঠের উপকরণ ব্যবহার করে, deleteStudent ফাংশনটি লিখুন id অনুযায়ী স্টোরেজ থেকে ছাত্রের ডেটা মুছে ফেলার জন্য।