Изтриване на данни от хранилището в React Router

Нашето приложение може да добавя нови продукти, да редактира данни, остава само да добавим изтриване на данни. За това ние ще минем отново познатите ни от предишните уроци стъпки.

Като начало нека отворим файла forStorage.js и да добавим последната функция за изтриване на определен продукт deleteProduct по неговия id:

forStorage.jsexport async function deleteProduct(id) {}

След това ще получим списъка с продукти от хранилището и ще намерим индекса на продукта, който искаме да изтрием, ако има такъв продукт, ще го изтрием от списъка с помощта на splice. След това ще извикаме setProducts и ще качим новия списък с продукти в хранилището:

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