Estoy aprendiendo a validar formularios con react-hook-form pero cuando pongo el ref={
para hacer la validacion se me pone todo el documento blanco y no sale nada. El required
y minLength
directamente no me los colorea.
*import React, {useState} from 'react';
import { useForm } from 'react-hook-form'
const HookFormulario = () => {
const {register, errors, handleSubmit} = useForm();
const onSubmit = (data,e)=>{
console.log(data)
}
return (
<>
<h1>Creando un formulario con React Hook Form</h1>
<form onSubmit={handleSubmit}>
<input
name='titulo'
placeholder='Ingrese un titulo'
className='form-control my-2'
ref={
register({
required: {value: true, message: 'Pone al menos una letra peton'},
minLength:{value: 5, message: 'Minimo 5 letras pajero'}
})
}
/>
{ errors.titulo &&
<span className='text-danger text-small d-block mb-2'>
{errors.titulo.message}
</span>}*