小编Val*_*ler的帖子

如何使用 React Hook Form 验证自动完成多个 TextField 是的?

我正在使用 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)

reactjs material-ui yup react-hook-form

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

material-ui ×1

react-hook-form ×1

reactjs ×1

yup ×1