Бришење на податоци од складиштето во 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.