მონაცემების წაშლა საცავიდან 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-ის მიხედვით.