Fshirja e të dhënave nga depozita në React Router

Aplikacioni ynë mund të shtojë produkte të reja, të redaktojë të dhënat, mbetet vetëm të shtojmë fshirjen e të dhënave. Për këtë ne do të kalojmë përsëri hapat e njohur nga mësimet e mëparshme.

Për fillim, le të hapim skedarin forStorage.js dhe të shtojmë funksionin e fundit për fshirjen e një produkti të caktuar deleteProduct sipas id të tij:

forStorage.jsexport async function deleteProduct(id) {}

Pastaj do të marrim listën e produkteve nga depozita dhe do të gjejmë indeksin e produktit që duam të fshijmë, nëse ekziston një produkt i tillë, do ta fshijmë nga lista duke përdorur splice. Pastaj do të thërrasim setProducts dhe do të derdhim listën e re të produkteve në depozitë:

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