Brisanje podatkov iz shrambe v React Router

Naša aplikacija lahko doda nove izdelke, uredi podatke, ostane le še dodati brisanje podatkov. Za to bomo ponovili korake, ki so nam že znani iz prejšnjih lekcij.

Za začetek odprimo datoteko forStorage.js in dodajmo zadnjo funkcijo za brisanje določenega izdelka deleteProduct po njegovem id:

export async function deleteProduct(id) {}

Nato bomo pridobili seznam izdelkov iz shrambe in našli indeks izdelka, ki ga želimo izbrisati, če tak izdelek obstaja, ga bomo izbrisali iz seznama s pomočjo splice. Nato bomo poklicali setProducts in nalili nov seznam izdelkov v shrambo:

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

Vzemite aplikacijo, ki ste jo ustvarili v nalogah za prejšnje lekcije. Z uporabo gradiva iz lekcije napišite funkcijo deleteStudent za brisanje podatkov študenta iz shrambe po id.