React Router හි දත්ත ගබඩාවෙන් දත්ත මකාදැමීම

අපගේ යෙදුමට නව නිෂ්පාදන එකතු කිරීමට, දත්ත සංස්කරණය කිරීමට හැකිය, දත්ත මකාදැමීම එකතු කිරීමට පමණක් ඉතිරියි. මේ සඳහා අපි නැවතත් පෙර පාඩම් වලින් අපට හුරුපුරුදු පියවරයන් හරහා යන්නෙමු.

පළමුව අපි forStorage.js ගොනුව විවෘත කර අවසාන ශ්රිතය එකතු කරමු, එනම් එහි id අනුව නිශ්චිත නිෂ්පාදනයක් මකාදැමීම සඳහා වන deleteProduct ශ්රිතය:

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