我正在使用 Material UI 的自动完成多个 TextField、React Hook Form 和 Yup 来验证表单输入。
当我对 daysOfWeek 使用 Yup.string() 时,即使我选择了值,它也会显示错误消息。但是,如果我将其更改为 Yup.array(),则会显示以下错误...
daysOfWeek 必须是一个
array类型,但最终值是:(null从 value 转换"")。如果“null”旨在作为空值,请务必将架构标记为.nullable()
有没有办法使用 Yup 来验证 Material UI 的自动完成多个 TextField?先感谢您!
这是我的相关代码...
const [selected, setSelected] = useState([]);
const validationSchema = Yup.object().shape({
daysOfWeek: Yup.string()
.required("Days of the week are required")
});
const {
formState: {errors},
handleSubmit,
register
} = useForm({
resolver: yupResolver(validationSchema)
});
<Autocomplete
disableClearable
disablePortal
filterSelectedOptions
multiple
getOptionDisabled={(option) => option.disabled ? true : false}
getOptionLabel={(option) => option.label} …Run Code Online (Sandbox Code Playgroud)