Adatok törlése a tárolóból React Routerben

Alkalmazásunk képes új termékeket hozzáadni, adatokat szerkeszteni, már csak az adatok törlését kell hozzáadnunk. Ehhez ismét végigmegyünk a korábbi leckékből már ismerős lépéseken.

Kezdjük azzal, hogy megnyitjuk a forStorage.js fájlt és hozzáadjuk az utolsó függvényt egy adott termék törléséhez deleteProduct annak id alapján:

export async function deleteProduct(id) {}

Ezután lekérjük a termékek listáját a tárolóból és megtaláljuk a törölni kívánt termék indexét, ha van ilyen termék, akkor töröljük a listából a splice segítségével. Ezután meghívjuk a setProducts függvényt és beletöltjük az új terméklistát a tárolóba:

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

Vegyétek azt az alkalmazást, amit az előző leckék feladataihoz készítettetek. A lecke anyagát felhasználva írjátok meg a deleteStudent függvényt egy diák adatainak törléséhez a tárolóból a id alapján.