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:

forStorage.jsexport 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:

forStorage.jsexport 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;
}