Linha do tempo de Erro com o .splice, está removendo o primeiro elemento e não o especificado
Licença atual: CC BY-SA 4.0
11 eventos
quando alternar formato | o que | por | licença | comentário | |
---|---|---|---|---|---|
11/12/2020 às 19:07 | comentário | adicionado | Wander Augusto | Consegui Rafael, obrigado pelo apoio! Fiz isto: const lista = JSON.parse(await AsyncStorage.getItem('items')); const novaLista = lista.filter((produto) => produto.id !== item.id); await AsyncStorage.setItem('items', JSON.stringify(novaLista)); ---- Agora vou refatorar, corrigir nomes de funções e alterar variáveis. | |
11/12/2020 às 13:48 | comentário | adicionado | Rafael Tavares |
@WanderAugusto você precisa prestar atenção no que está fazendo. Esta resposta possui vários exemplos diferentes de como lidar com a situação. Olhe o que você está fazendo no filter : (item) => item.id !== item . Além de ter duas variáveis com o mesmo nome item (a recebida como parâmetro da função deleteItem e a do filter ), está comparando um id com um objeto inteiro, não vai funcionar assim...
|
|
11/12/2020 às 13:46 | comentário | adicionado | Wander Augusto | Deixe desta maneira: async function deleteItem(item) { try { const resultado = data.filter((item) => item.id !== item); console.log(resultado); AsyncStorage.setItem('items', JSON.stringify(data)); } catch (error) { console.log('error: ', error); } } está retornando todos elementos, parece que não está filtrando. | |
11/12/2020 às 0:37 | comentário | adicionado | Wander Augusto | Pessoal, se puderem dá mais uma conferida: Alterei o código para: 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); }} Mais alguma ideia pessoal? Obrigado. | |
10/12/2020 às 13:17 | comentário | adicionado | Wander Augusto | Entendi!!!! Vou conferir esta sua ideia também, vlw!!! | |
10/12/2020 às 13:11 | comentário | adicionado | Wander Augusto | Melhor explicando: Eu chamo a função getItems, pq depois que eu exclui, não estava atualizando os estados de "valor total da lista" e também a "quantidade de items", então desta maneira achei melhor, pois assim estaria forçando a atualização e rerenderizaria estes valores. | |
10/12/2020 às 13:08 | comentário | adicionado | Rafael Tavares |
Você pode colocar a lógica de atualizar o estado e os totais em uma função separada que recebe a lista. Assim você chama essa função tanto dentro do getItems quanto dentro do handleDelete e não precisa ler do AsyncStorage novamente.
|
|
10/12/2020 às 13:08 | histórico | editada | Rafael Tavares | CC BY-SA 4.0 |
adicionou 183 caracteres ao conteúdo
|
10/12/2020 às 13:03 | comentário | adicionado | Wander Augusto | Obrigado Rafael, me ajudou bastante, vou rever isto tudo que vc disse. Eu chamo a função getItems foi com a ideia de rerenderizar os items pois depois que excluia o valor total da lista e total da quantidade e não atualizava o estado, desta maneira achei melhor, que assim estaria forçando a atualização e rerenderiza os valores. | |
10/12/2020 às 12:54 | histórico | editada | Rafael Tavares | CC BY-SA 4.0 |
adicionou 480 caracteres ao conteúdo
|
10/12/2020 às 12:43 | histórico | respondeu | Rafael Tavares | CC BY-SA 4.0 |