React Routerда маълумотларни сақловчидан ўчириш

Бизнинг иловамиз янги маҳсулотлар қўша олади, маълумотларни таҳрирлай олади, қолган эса маълумотларни ўчиришни қўшишдир. Бунинг учун биз яна ўтган дарслардан таниш бўлган қадамлардан ўтамиз.

Бошлаш учун forStorage.js файлини ochамиз ва ўхшаш маҳсулотни ўчириш учун oxirgi функцияни қўшамиз deleteProduct унинг idсига кўра:

forStorage.jsexport async function deleteProduct(id) {}

Кейин биз сақловчидан маҳсулотлар рўйхатини оламиз ва ўчирмоқчи бўлган маҳсулотнинг индексини топамиз, агар бундай маҳсулот мавжуд бўлса, уни рўйхатдан splice ёрдамида ўчирамиз. Keyin биз setProducts ни чақирамиз ва янги маҳсулотлар рўйхатини сақловчига joylayмиз:

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