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补充说,谢谢