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.