2

Olá, tenho um array e o usuário pode embaralhar a ordem dos itens:

Blusas = ['verde','azul','amarela','rosa','laranja','preta','roxa','vermelha',]

Após embaralhar, esse é o código de captura da atualização, transformando o array em uma string:

window.localStorage.setItem('Blusas', JSON.stringify(this.Blusas))

E esse é o código para salvar a atualização no OnInit:

this.Blusas = localStorage.getItem('Blusas');

No entanto, recebo esse erro sinalizado no "this.Blusas":

Type 'string' is not assignable to type 'string[]'

Alguém pode me ajudar? Não encontro solução em nenhum lugar.

3
  • está um pouco confuso, onde dá o erro, no set ou get? "E esse é o código para salvar a atualização no OnInit" esse código não "salva" acho seria "lê" não é? testei o set/get no navegador e funciona, não seria um problema com o this? não tem o código todo não da pra ajudar muito 25/06/2021 às 16:28
  • Isso mesmo código de leitura. Pelo que pesquise, é como se o "this.Blusas" não fosse reconhecido como uma string e por isso, não consegue ser armazenado. Tentei mudar para "Blusas: string = ['verde','azul','amarela','rosa','laranja','preta','roxa','vermelha'] mas o array continua não sendo reconhecido como uma string. 25/06/2021 às 16:33
  • Algumas sugestões pra melhorar seu código... 1. Nomeie propriedades e variáveis em camelCase. Isto é, renomeie Blusas para blusas. 2. Evite acessar o localStorage dessa forma. O mais bacana seria você encapsular o acesso através de um serviço, o que traria várias vantagens. Maior aderência ao SRP, maior abstração, desacoplamento, facilidade nos testes, etc.
    – Allan Juan
    25/06/2021 às 17:44

1 Resposta 1

2

Blusas é do tipo string[]. Quando você chama localStorage.getItem('Blusas'), é retornada a versão "stringificada" do array de blusas que você guardou no local storage. Em outras palavras - você está tentando assinalar uma string em um array de strings.

Para corrigir, basta parsear a string de volta para a sua forma de array.

this.Blusas = JSON.parse(localStorage.getItem('Blusas'))
1
  • 1
    Muito obrigado! Resolvido 25/06/2021 às 23:20

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .