Eliminación de datos del almacenamiento en React Router
Nuestra aplicación puede agregar nuevos productos, editar datos, solo queda agregar la eliminación de datos. Para ello recorreremos nuevamente los pasos que nos son familiares de lecciones anteriores.
Para empezar, abramos el archivo forStorage.js
y agreguemos la última función para eliminar
un producto específico deleteProduct
por su id:
export async function deleteProduct(id) {}
Luego obtendremos la lista de productos del almacenamiento
y encontraremos el índice del producto que queremos eliminar,
si existe tal producto, lo eliminaremos de
la lista usando splice.
A continuación, llamaremos a setProducts y
volcaremos la nueva lista de productos
en el almacenamiento:
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;
}
Tome la aplicación creada por usted en las
tareas de las lecciones anteriores. Usando los
materiales de la lección, escriba la función
deleteStudent para eliminar datos
del estudiante del almacenamiento por id.
