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 လုပ်ဆောင်ချက်ကို ရေးပါ။