Brisanje podataka iz skladišta u React Router

Naša aplikacija može dodavati nove proizvode, uređivati podatke, ostaje samo da dodamo brisanje podataka. Za ovo ćemo ponovo proći kroz korake koji su nam poznati iz prethodnih lekcija.

Za početak, otvorićemo fajl forStorage.js i dodati poslednju funkciju za brisanje određenog proizvoda deleteProduct po njegovom id:

export async function deleteProduct(id) {}

Zatim ćemo dobiti listu proizvoda iz skladišta i pronaći indeks proizvoda koji želimo da obrišemo, ako takav proizvod postoji, obrisaćemo ga iz liste pomoću splice. Zatim ćemo pozvati setProducts i postaviti novu listu proizvoda u skladište:

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

Uzmite aplikaciju koju ste kreirali u zadacima za prethodne lekcije. Koristeći se materijalima iz lekcije, napišite funkciju deleteStudent za brisanje podataka studenta iz skladišta po id.