Estou com um problema ao tentar remover um elemento específico do AsyncStorage
, sempre está sendo removido o primeiro elemento.
Adicionando elemento:
async function adicionar() {
if (produto === '') {
alert('Informe um item antes de prosseguir!');
return;
}
if (valor === '' || valor === null) {
setValor(0);
} else {
try {
let lista = {
id: Math.floor(Math.random() * 65536),
produto,
quantidade: parseInt(quantidade),
valor: parseFloat(valor).toFixed(2).replace('.', ','),
valorTotal: parseFloat(quantidade * valor)
.toFixed(2)
.replace('.', ','),
};
const data = (await AsyncStorage.getItem('items')) || '[]';
let items = JSON.parse(data);
//let items = [];
items.push(lista);
await AsyncStorage.setItem('items', JSON.stringify(items)).then(() => {
setProduto('');
setQuantidade('');
setValor('');
console.log(items);
});
} catch (error) {
console.log(error);
}
}
}
Carregando os elementos:
async function getItems() {
try {
const lista = await AsyncStorage.getItem('items');
const data = JSON.parse(lista);
let total = data.reduce(
(acc, objeto) => acc + parseFloat(objeto.valorTotal),
0,
);
let totalQtd = data.reduce(
(acc, objeto) => acc + parseFloat(objeto.quantidade),
0,
);
setTotal(total);
setTotalQtd(totalQtd);
setData(data);
console.log(lista);
} catch (error) {
console.log(error);
}
}
Removendo o elemento:
async function handleDelete(index) {
try {
const lista = await AsyncStorage.getItem('items');
const data = JSON.parse(lista);
data.splice(index, 1);
await AsyncStorage.setItem('items', JSON.stringify(data));
getItems();
console.log(data);
} catch (error) {
console.log(error);
}
}
async function deleteItem(item) {
try {
var index = data.filter((item) => item.id !== id);
console.log('produto: ' + item.produto); // retorna o nome do produto referente ao id, por exemplo macarrão, ou seja o filter está funcionando.
data.splice(index, 1); // mas ainda está removendo o primeiro item da lista
AsyncStorage.setItem('items', JSON.stringify(data));
} catch (error) {
console.log('error: ', error);
}}
index
? Onde voce usa a funcaohandleDelete
, qual valor passado pra ela? Esta removendo o item anterior ao que voce deseja remover? Nao da pra entender o erro sem maiores detalhes, mas pode ser por causa do valor deindex
.index
seria entao, por exemplo, este objeto{"id":16846,"produto":"arroz","quantidade":1,"valor":"2,00","valorTotal":"NaN"}
? Porque se for, vai dar erro mesmo, poisindex
tem que ser um numero.