Entrar Ainda não tem acesso?

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Guardar os cards no json

Referente ao curso React: desenvolvendo com JavaScript, no capítulo Montando os times e atividade Mapeando os colaboradores

por Estudante
| 61k xp | 1 posts

como eu poderia fazer para conseguir guardar os cards no meu arquivo json para não perder eles após recarregar?

1 resposta
por Marcos Antonio de Lima Filho
| 114.9k xp | 22 posts

Opa Boa tarde, eu fiz um projeto diferente, mas acho que dá pra entender.

  • Imagine que os Animes aqui são os Colaboradores, eu removi os Animes iniciais, e setei o useState() como uma lista vazia. Aí na função que cria o card de Anime, eu coloquei no localStorage um objeto de key "animes" um JSON em formato de string com a lista de animes passando o novo anime, e embaixo eu setei o anime normalmente no useState.
  • Na função de deletar a mesma coisa, apenas criei uma constante com o filtro para não ter que repetir ele 2x.
  • Daí eu criei um useEffect() para atualizar o useState() de animes com os valores do localStorage quando a página for recarregada.

Código do App

Tópicos relacionados

Mostrar mais tópicos Mostrar menos tópicos

Conteúdos Alura com o tema

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP

Graduação | Pós-graduação | MBA