Me pregunto cómo puedo resolver esto con nuevas formas de codificación. He visto a alguien decir que este error se debe a la actualización de la forma de gancho de reacción, pero no estoy seguro de cómo resolverlo. Si alguien sabe esto, se lo agradecería.
Originalmente traté de resolver esto agregando "..." antes de registrarme en lugar de usar "ref=". También probé una ubicación diferente de "name="email"" como se responde en la pregunta similar a continuación; sin embargo, sigo recibiendo este error.
Obtener TypeError no detectado: path.split no es una función en reaccionar
mi error dice: "TypeError no detectado: path.split no es una función" y estoy usando "react-hook-form": "react-hook-form": "^7.33.1".
import React from 'react'; import { useForm } from 'react-hook-form'; const EMAIL_PATTERN = /^(([^<>()\\[\]\\.,;:\s@"]+(\.[^<>()\\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; const LoginForm = ({onSubmit}) => { const { register, handleSubmit, errors } = useForm(); return ( <form onSubmit={handleSubmit(onSubmit)}> <div className="form-group"> <label htmlFor="email">Email</label> <input {...register({required: true, pattern: EMAIL_PATTERN})} name="email" type="email" className="form-control" id="email" /> { errors.email && <div className="alert alert-danger"> { errors.email.type === 'required' && <span>Email is required!</span> } { errors.email.type === 'pattern' && <span>Not valid email format!</span> } </div> } </div>Como está escrito en la documentación de React Hook Form ( https://react-hook-form.com/api/useform/register ), debe proporcionar el nombre o la identificación de entrada antes de las opciones de registro. Actualmente solo está proporcionando las opciones de registro, por lo que le está dando un mensaje de error cuando intenta registrarse con un nombre o una identificación no válidos.
register: (name: string, RegisterOptions?) => ({ onChange, onBlur, name, ref })En tu caso debería ser el siguiente.
<input {...register("email", {required: true, pattern: EMAIL_PATTERN})} name="email" type="email" className="form-control" id="email" />