React Router-da depodan melumatlarin silinmesi

Bizim aplikasiya yeni mehsul elave ede, melumatlari redakte ede biler, qalir sadece melumatlarin silinmesini elave etmek. Bunun ucun biz evvelki derslerden tanis oldugumuz addimlari yeniden kecaciyik.

Evvelce forStorage.js faylini acaq ve muəyyən bir mehsulu silmek ucun son funksiyani elave edek deleteProduct onun id-sine esasen:

forStorage.jsexport async function deleteProduct(id) {}

Sonra depodan mehsul siyahisini alacagiq ve silmek istediyimiz mehsulun indeksini tapaq, eger bele bir mehsul varsa, onu siyahidan splice vasitesile sileceyik. Daha sonra setProducts cagiracagiq ve yeni mehsul siyahisini depoya yukleyeceyik:

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