[Dúvida] useState e useEffect no Nextjs | Next.JS | Alura

Olá Jorge! Tudo ok contigo?

Primeiramente, é importante lembrar que o useState e o useEffect são hooks do React, e podem ser utilizados no Next.js da mesma forma que em qualquer outro projeto React.

Para utilizar o useState, você precisa importá-lo do pacote 'react' e declarar uma variável de estado. Por exemplo:

import React, { useState } from 'react';

function MeuComponente() {
  const [contador, setContador] = useState(0);

  return (
    <div>
      <p>Contador: {contador}</p>
      <button onClick={() => setContador(contador + 1)}>Incrementar</button>
    </div>
  );
}

No exemplo acima, estamos utilizando o useState para criar uma variável de estado chamada 'contador', e o setContador para atualizar o valor desse estado.

Já o useEffect é utilizado para executar efeitos colaterais, como chamadas a APIs ou manipulação do DOM. Por exemplo:

import React, { useEffect } from 'react';

function MeuComponente() {
  useEffect(() => {
    console.log('O componente foi montado');

    return () => {
      console.log('O componente foi desmontado');
    };
  }, []);

  return <div>Meu componente</div>;
}

No exemplo acima, estamos utilizando o useEffect para exibir mensagens no console quando o componente é montado e desmontado.

Se você está tendo problemas ao utilizar esses hooks, verifique se você está importando corretamente o useState e o useEffect, e se está utilizando-os dentro de um componente funcional.

Espero que essas dicas te ajudem a resolver o seu problema. Se tiver mais alguma dúvida, é só me dizer!

Espero ter ajudado, abraços e bons estudos!