Andmete kustutamine hoidlast React Routeris

Meie rakendus saab lisada uusi toodeid, muuta andmeid, jääb üle vaid lisada andmete kustutamine. Selleks me läheme uuesti läbi tuttavad sammud eelmistest õppetundidest.

Alustuseks avame faili forStorage.js ja lisame viimase funktsiooni kustutamiseks kindlat toodet deleteProduct selle id järgi:

export async function deleteProduct(id) {}

Seejärel saame toodete nimekirja hoidlast ja leiame toote indeksi, mille tahame kustutada, kui selline toode on olemas, siis kustutame selle nimekirjast kasutades splice. Edasi kutsume välja setProducts ja laadime uue toodete nimekirja hoidlasse:

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

Võtke rakendus, mille lõite ülesannetes eelmistele tundidele. Kasutades tunni materjale, kirjutage funktsioon deleteStudent andmete kustutamiseks õpilase hoidlast id järgi.