Уклањање података из складишта у 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;
}