Reactjs 基于验证错误的React Hook Form | onBlur逻辑

Reactjs 基于验证错误的React Hook Form | onBlur逻辑,reactjs,react-hook-form,Reactjs,React Hook Form,我需要添加一些关于字段模糊的逻辑,关于字段的验证错误 我的问题是,字段的事件onBlur发生在errors对象更新之前 在触发特定字段上的onBlur逻辑时,如何更新errors对象 编辑: 它是一个结构形式组件。 部分代码: const Form = {fields} => { const { register, handleSubmit, errors, control, setValue, trigger } = useForm({ m

我需要添加一些关于字段模糊的逻辑,关于字段的验证错误

我的问题是,字段的事件
onBlur
发生在
errors
对象更新之前

在触发特定字段上的
onBlur
逻辑时,如何更新
errors
对象

编辑:

它是一个结构形式组件。 部分代码:

const Form = {fields} => {
        const { register, handleSubmit, errors, control, setValue, trigger } = useForm({
                mode: 'onBlur'
            });
        const getErrorMessage = field => {
            const fieldError = errors[field.name];
            switch (fieldError.type) {
            case 'required':
            return 'field is mandatory';
            case 'minLength': 
            return 'min length error';
            }
        }
        
        const formElements = fields.map((field, index) => {
            const error = getErrorMessage(field);
            switch (field.element) {
                        case 'textfield':
                            return <Input {...attribs} onBlurCallback={field.onBlur}/>
                            break;
                        case 'checkbox':
                            return <Checkbox {...attribs} onBlurCallback={field.onBlur} checked={field.checked} />
                            break;
            }
        }
        
        return (
            <form onSubmit={handleSubmit(onSubmit)}>
            {formElements}
            </form>
        )
    }
const Form={fields}=>{
const{register,handleSubmit,errors,control,setValue,trigger}=useForm({
模式:“onBlur”
});
const getErrorMessage=字段=>{
const fieldError=错误[field.name];
开关(fieldError.type){
案例“必需”:
返回“字段为必填字段”;
案例“minLength”:
返回“最小长度错误”;
}
}
const formElements=fields.map((字段,索引)=>{
常量错误=getErrorMessage(字段);
开关(字段元素){
案例“textfield”:
返回
打破
案例“复选框”:
返回
打破
}
}
返回(
{formElements}
)
}

添加一些代码,这样我们就可以了解您的内容saying@sasal补充说,谢谢