Verwydering van data uit die stoor in React Router
Ons aansoek kan nuwe produkte byvoeg, data redigeer, net om dataverwydering by te voeg oorbly. Vir hierdie sal ons weer die stappe volg wat ons van die vorige lesse bekend is.
Laat ons eers die lêer forStorage.js oopmaak
en die laaste funksie byvoeg om 'n
spesifieke produk deleteProduct
volgens sy id te verwyder:
export async function deleteProduct(id) {}
Dan sal ons die lys produkte uit die stoor kry
en die indeks vind van die produk wat ons wil verwyder.
As so 'n produk bestaan, sal ons dit uit die
lys verwyder met behulp van splice.
Daarna sal ons setProducts noem en
die nuwe produkte-lys
in die stoor stort:
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 die aansoek wat jy in die
opdragte vir die vorige lesse geskep het. Gebruik die
lesmateriaal, skryf die funksie
deleteStudent om die data van 'n
student uit die stoor volgens id te verwyder.
