Изтриване на данни от хранилището в React Router
Нашето приложение може да добавя нови продукти, да редактира данни, остава само да добавим изтриване на данни. За това ние ще минем отново познатите ни от предишните уроци стъпки.
Като начало нека отворим файла forStorage.js
и да добавим последната функция за изтриване на
определен продукт deleteProduct
по неговия id:
export async function deleteProduct(id) {}
След това ще получим списъка с продукти от хранилището
и ще намерим индекса на продукта, който искаме да изтрием,
ако има такъв продукт, ще го изтрием от
списъка с помощта на splice.
След това ще извикаме setProducts и
ще качим новия списък с продукти
в хранилището:
export 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;
}
Вземете приложението, създадено от вас в
задачите към предишните уроци. Пользувайки се от
материалите на урока, напишете функция
deleteStudent за изтриване на данни
на студент от хранилището по id.
