Выдаленне дадзеных з сховішча ў 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;
}