Տվյալների պահեստից հեռացում 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-ի: