Gegevens verwijderen uit opslag in React Router
Onze applicatie kan nieuwe producten toevoegen, gegevens bewerken, het enige dat overblijft is het toevoegen van gegevensverwijdering. Hiervoor doorlopen we opnieuw de stappen die ons bekend zijn uit eerdere lessen.
Laten we eerst het bestand forStorage.js openen
en de laatste functie toevoegen voor het verwijderen
van een specifiek product deleteProduct
op basis van zijn id:
export async function deleteProduct(id) {}
Vervolgens halen we de lijst met producten uit de opslag
en vinden we de index van het product dat we willen verwijderen.
Als zo'n product bestaat, verwijderen we het uit
de lijst met splice.
Daarna roepen we setProducts aan en
plaatsen we de nieuwe productlijst
in de opslag:
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;
}
Neem de applicatie die je hebt gemaakt in
de opdrachten bij eerdere lessen. Gebruikmakend van
de lesmaterialen, schrijf de functie
deleteStudent voor het verwijderen van
studentgegevens uit de opslag op basis van id.
