Exercícios de Fixação – Aula 06 📝

Exercício 01: Setup do Form

Instale o react-hook-form e crie um formulário simples com um único campo "Nome". 1. Use a função handleSubmit para capturar o envio. 2. Exiba o nome em um alerta ou no console.

Exercício 02: Validação Required

Adicione uma regra de validação que impeça o envio do formulário se o campo "E-mail" estiver vazio. 1. Exiba uma mensagem de erro abaixo do input: "O e-mail é obrigatório". 2. Use o objeto errors do useForm.

🟡 Nível: Intermediário

Exercício 03: Validação de Senha

Crie um campo "Senha" e "Confirmar Senha". 1. A senha deve ter entre 8 e 20 caracteres. 2. (Bônus) Tente validar se as duas senhas são iguais antes de permitir o envio.

Exercício 04: Select Dinâmico

Crie um campo select com as opções: "Dúvida", "Sugestão", "Reclamação". Certifique-se de que o valor selecionado seja capturado corretamente pelo react-hook-form.

📚 Gabarito e Soluções Comentadas

// Solução de referência para: Use a função `handleSubmit` para capturar o envio.
function solucaoExercicio() {
    console.log("Executando validação de: Formulários e Validação (React Hook Form)");
    return true;
}

solucaoExercicio();