Mazání dat z úložiště v React Router

Naše aplikace umí přidávat nové produkty, upravovat data, zbývá pouze přidat mazání dat. K tomu projdeme znovu kroky známé z předchozích lekcí.

Nejprve otevřeme soubor forStorage.js a přidáme poslední funkci pro smazání konkrétního produktu deleteProduct podle jeho id:

export async function deleteProduct(id) {}

Poté získáme seznam produktů z úložiště a najdeme index produktu, který chceme smazat, pokud takový produkt existuje, smažeme jej ze seznamu pomocí splice. Následně zavoláme setProducts a uložíme nový seznam produktů do úložiště:

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

Vezměte aplikaci, kterou jste vytvořili v úkolech k předchozím lekcím. S využitím materiálů lekce napište funkci deleteStudent pro mazání dat studenta z úložiště podle id.