1

我在 reactjs 中使用 react-hook-form 进行验证。我正在使用多步表单，因此一旦验证了一步数据，它应该进入下一步。但我没有找到如何知道所有数据是否经过验证。我正在为两个按钮使用 if else 条件，一旦所有数据验证，按钮将进入下一步。这是我的代码..

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>
  )}  
</>
)

}
4

0 回答 0