Я использую форму реагирующего крючка для проверки в reactjs. Я использую многоэтапную форму, поэтому после проверки данных одного шага необходимо go перейти к следующему шагу. Но я не нашел, как узнать, что все данные проверены или нет. Я использую условие if else для двух кнопок, после проверки всех данных, кнопка перейдет к следующему шагу go. вот мой код ..
import React, { useState } from 'react';
import { useForm } from "react-hook-form";
const UserDetails = ({ setForm, formData, navigation }) => {
const { handleSubmit, register, errors } = useForm();
const onSubmit = values => {
};
return(
<>
<input
type="text"
name="fullName"
id="fullname"
className="form__field form-control br0 font-white"
placeholder='Name'
onChange={setForm}
defaultValue={fullName}
ref={register({ required: true })}
/>
{errors.fullName && 'First name is required'}
//here my code for validating.
{allValid() ? (
<button className="btn green_btn w250 font22" onClick={next}>
Next
</button>
) : (
<button className="btn green_btn w250 font22" type="submit">Next</button>
)}
</>
)
}