React Router-da maglumatlary sazhowdan aýyrmak
Biziň aplikasiýamyz täze önümleri goşup, maglumatlary redaktirlep biler, indi diňe maglumatlary aýyrmak galýar. Munuň üçin biz öňki sapaklardan tanyş ädimleri ýene bir gezek aýlap göreris.
Ilki bilen, forStorage.js faýlyny açarys we kesgitlenen önümi onuň id-sine görä aýyrmak üçin iň soňky deleteProduct funksiýasyny goşarys:
export async function deleteProduct(id) {}
Soňra sazhowdan önümleriň sanawyny alyp, aýyrmak isleýän önümimiziň indeksini taparys, eger şeýle önüm bar bolsa, ony splice kömegi bilen sanawdan aýyrarys. Soňra setProducts-y çagyrarys we sazhowa täze önümler sanawyny ýerleşdireris:
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;
}
Öňki sapaklaryň tabşyryklarynda döreden aplikasiýaňyzy alyň. Sapagyň materiallaryny ulanmak bilen, sazhowdan talybyň maglumatlaryny onuň id-sine görä aýyrmak üçin deleteStudent funksiýasyny ýazyň.