0

Como posso usar LocalStorage nesse caso

do jeito que fiz funciona apenas com componente de classe

Erro que aparece é: TypeError: repositories is not a function

    export default function Main() {

    const [newRepo, setNewRepo] = useState('');
    const [repositories, setRepositories] = useState([]);
    const [clearInput] = useState([]);
    const [loading, setLoading] = useState(false);

    useEffect(() => {
        repositories(localStorage.getItem('repositories'));

        if (repositories) {
            setRepositories(JSON.parse(repositories));
        }
    }, [repositories]);

    useEffect((_, prevState) => {
        if (prevState.repositories !== repositories) {
            localStorage.setItem('repositories', JSON.stringify(repositories));
        }
    });
1
  • O que você quer dizer na linha repositories(localStorage.getItem('repositories'));? Não faz sentido nenhum. Seria setRepositories? Commented 15/04/2020 às 19:51

1 Resposta 1

-1
const App = () => {
  const [repositories, setRepositories] = useState([]);

  useEffect(() => {
    const repositoriesLocal = JSON.parse(localStorage.getItem('repositories'));

    setRepositories(repositoriesLocal)
  }, [])

  return <div>
    {repositories.map(item => <li>{item.name}</li>)}
  </div>;
};
1
  • Matheus, sua pergunta seria de qualidade se, além do código, você descrevesse sobre qual foi o erro que o usuário cometeu. Assim você permite uma compreensão maior do problema por parte de quem pergunta e torna o conhecimento reaproveitável. Só postar o código incentiva nada além de um ctrl + C e ctrl + V Espero te ver muito por aqui ainda ajudando a comunidade da melhor forma possível. Abraços!
    – yoyo
    Commented 19/02/2021 às 21:38

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 .