Дар 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 нависед.