Տվյալների պահեստից հեռացում 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;
}