A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Curso Profesional de Next.js

Curso Profesional de Next.js

Oscar Barajas Tavares

Oscar Barajas Tavares

Creando la l贸gica del componente login

9/31
Recursos

Aportes 5

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

En este video se est谩 utilizando el componente de Tailwind UI:
https://tailwindui.com/components/application-ui/forms/sign-in-forms

Pueden corregir el error reemplazando los tags

<Form></Form> por <form></form> y <Field/> por <input/>

Saludos!

Si usan typescript:

  const emailRef = useRef<HTMLInputElement>(null);
  const passwordRef = useRef<HTMLInputElement>(null);

  const submitHandle = (event: React.FormEvent) => {
    event.preventDefault();
    const email = emailRef.current?.value;
    const password = passwordRef.current?.value;
    console.log({ email, password });
  };

Una soluci贸n hasta que se encuentre de donde provienen los componentes Form y Field (En el repositorio de gitHub del enlace no aparece el import de dichos componentes)

es cambiarlos por un 鈥<form>鈥 y por un 鈥<input>鈥 respectivamente, de puro html.

<form className='mt-8 space-y-6' action='#' method='POST'>
<input
                  id='email-address'
                  name='email'
                  type='email'
                  autoComplete='email'
                  required
                  className='appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm'
                  placeholder='Email address'
                />

y el resultado es similar para poder continuar el curso

En caso de que est茅n utilizando Mui con TextField en lugar de utilizar 鈥渞ef鈥 pueden usar 鈥渋nputRef鈥

Me empieza a cansar que cada 5 minutos dice: 鈥渧alores que van a ser clave鈥濃 Jaja