Выдаленне дадзеных з сховішча ў React Router

Наша прыкладанне можа дадаваць новыя прадукты, рэдагаваць дадзеныя, засталося толькі дадаць выдаленне дадзеных. Для гэтага мы пройдзем зноў знаёмыя нам з папярэшніх урокаў крокі.

Для пачатку адчынем файл forStorage.js і дадамо апошнюю функцыю для выдалення пэўнага прадукту deleteProduct па яго id:

export async function deleteProduct(id) {}

Затым мы атрымаем спіс прадуктаў з сховішча і знойдзем індэкс прадукту, які хочам выдаліць, калі такі прадукт ёсць, то выдалім яго з спісу з дапамогай splice. Далей мы выклічэм setProducts і аб'яднаем новы спіс прадуктаў у сховішча:

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

Вазьміце прыкладанне, створанае вамі ў заданнях да мінулых урокаў. Карыстаючыся матэрыяламі ўрока, напішыце функцыю deleteStudent для выдалення дадзеных студэнта з сховішча па id.