Удаление данных из хранилища в 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.