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:

forStorage.jsexport 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:

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