Kufuta Data kutoka Kuhifadhi kwenye React Router

Programu yetu inaweza kuongeza bidhaa mpya, kuhariri data, inabaki tu kuongeza uwezo wa kufuta data. Kwa hili tutapitia tena hatua zile zile tulizozifahamu kutoka kwenye masomo yaliyopita.

Kwanza, wacha tufungue faili forStorage.js na tuongeze kitendaji cha mwisho cha kufuta bidhaa fulani deleteProduct kwa kutumia id yake:

export async function deleteProduct(id) {}

Kisha, tutapata orodha ya bidhaa kutoka kuhifadhi na tutapata index ya bidhaa tunayotaka kufuta, kama kuna bidhaa kama hiyo, tutaifuta kutoka kwenye orodha kwa kutumia splice. Kisha tutaita setProducts na tutaweka orodha mpya ya bidhaa kwenye kuhifadhi:

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

Chukua programu uliyoiumba ndani ya kazi zilizopangwa kwa masomo yaliyopita. Kwa kutumia nyenzo za somo, andika kitendaji deleteStudent kwa ajili ya kufuta data za mwanafunzi kutoka kuhifadhi kwa kutumia id.