Дар 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;
}