Formé algunos valores precargados de api y los configuré con setValues('input-field-name','value-got-from-api') y cuando uso el método de reinicio de forma de gancho de reacción, restablece el recién agregado datos pero no restablece todos los datos en los campos. Por ejemplo. si un valor de campos de entrada con setValue anteriormente es 123 y si 123abc , restablece la parte abc y establece los campos en 12345 . Pero quería restablecer el formulario nulo o en blanco.
La pregunta directa será, ¿cómo puedo restablecer los campos del formulario usando js simple o usando el formulario de gancho de reacción?
PD: probé el método reset() desde rect-hook-form y simple js reset document.getElementById('myform').reset(); pero notar obras.
Puede usar el método de reset devuelto por useForm .
export default function App() { const { register, handleSubmit, reset } = useForm(); const onSubmit = (data, e) => {}; return ( <form onSubmit={handleSubmit(onSubmit)}> <input {...register("firstName", { required: true })} /> <input {...register("lastName")} /> <input type="button" onClick={() => { reset({ firstName: "default value", }, { keepErrors: true, keepDirty: true, keepIsSubmitted: false, keepTouched: false, keepIsValid: false, keepSubmitCount: false, }); }} /> </form> ); }