Black November

ATÉ 50% OFF

TÁ ACABANDO!

0 dias

0 horas

0 min

0 seg

Entrar Ainda não tem acesso?
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?

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
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