Tietojen poistaminen tallennustilasta React Routerissa

Sovelluksemme voi lisätä uusia tuotteita, muokata tietoja, jäljellä on vain lisätä tietojen poistaminen. Tätä varten käymme läpi tutut vaiheet edellisistä oppitunneista.

Aluksi avaamme tiedoston forStorage.js ja lisäämme viimeisen funktion tietyn tuotteen poistamiseksi deleteProduct sen id:n perusteella:

export async function deleteProduct(id) {}

Sitten haemme tuoteluettelon tallennustilasta ja löydämme poistettavan tuotteen indeksin, jos tällainen tuote on olemassa, poistamme sen luettelosta käyttämällä splice. Seuraavaksi kutsumme setProducts ja tallennamme uuden tuoteluettelon tallennustilaan:

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

Ota sovellus, jonka loit aiempiin oppitunteihin liittyvissä tehtävissä. Hyödynnä oppitunnin materiaaleja ja kirjoita funktio deleteStudent opiskelijatietojen poistamiseksi tallennustilasta id:n perusteella.