React Routerда маълумотларни сақловчидан ўчириш

Бизнинг иловамиз янги маҳсулотлар қўша олади, маълумотларни таҳрирлай олади, қолган эса маълумотларни ўчиришни қўшишдир. Бунинг учун биз яна ўтган дарслардан таниш бўлган қадамлардан ўтамиз.

Бошлаш учун forStorage.js файлини ochамиз ва ўхшаш маҳсулотни ўчириш учун oxirgi функцияни қўшамиз deleteProduct унинг idсига кўра:

export async function deleteProduct(id) {}

Кейин биз сақловчидан маҳсулотлар рўйхатини оламиз ва ўчирмоқчи бўлган маҳсулотнинг индексини топамиз, агар бундай маҳсулот мавжуд бўлса, уни рўйхатдан splice ёрдамида ўчирамиз. Keyin биз setProducts ни чақирамиз ва янги маҳсулотлар рўйхатини сақловчига joylayмиз:

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

Ўтган дарслардаги вазифаларда яратган иловангзни oling. Дарс материалларидан фойдаланиб, id га кўра сақловчидан студент маълумотларини ўчириш учун deleteStudent функциясини язинг.