Деректегі деректерді жою React Router-де

Біздің қолданба жаңа өнімдерді қоса алады, деректерді өңдей алады, тек деректерді жоюды қосу ғана қалды. Ол үшін біз алдыңғы сабақтарда танысқан қадамдарды қайта өтеміз.

Алдымен forStorage.js файлын ашып, соңғы функцияны id бойынша нақты өнімді жою үшін deleteProduct қосамыз:

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 функциясын жазыңыз.