Excluindo dados do armazenamento no React Router
Nossa aplicação pode adicionar novos produtos, editar dados, e agora só falta adicionar a exclusão de dados. Para isso, vamos percorrer novamente as etapas que já conhecemos das lições anteriores.
Para começar, vamos abrir o arquivo forStorage.js
e adicionar a última função para excluir
um produto específico deleteProduct
pelo seu id:
export async function deleteProduct(id) {}
Em seguida, vamos obter a lista de produtos do armazenamento
e encontrar o índice do produto que queremos excluir.
Se o produto existir, vamos removê-lo da
lista usando splice.
Depois, vamos chamar setProducts e
salvar a nova lista de produtos
no armazenamento:
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;
}
Pegue a aplicação que você criou nas
tarefas das lições anteriores. Usando os
materiais desta lição, escreva a função
deleteStudent para excluir dados
de um estudante do armazenamento pelo id.
