Odstránenie údajov z úložiska v React Router

Naša aplikácia môže pridávať nové produkty, upravovať údaje, zostáva už len pridať odstránenie údajov. Na to prejdeme opäť nám známymi z predchádzajúcich lekcií krokmi.

Na začiatok otvorme súbor forStorage.js a pridajme poslednú funkciu na odstránenie konkrétneho produktu deleteProduct podľa jeho id:

export async function deleteProduct(id) {}

Potom získame zoznam produktov z úložiska a nájdeme index produktu, ktorý chceme odstrániť, ak taký produkt existuje, tak ho odstránime z zoznamu pomocou splice. Ďalej zavoláme setProducts a nahrajme nový zoznam produktov do úložiska:

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

Vezmite aplikáciu, ktorú ste vytvorili v úlohách k minulým lekciám. Používajúc materiály lekcie, napíšte funkciu deleteStudent na odstránenie údajov študenta z úložiska podľa id.