typescript 使用react-hook-form和@mui/x-date-pickers v6

jtjikinw  于 2023-04-22  发布在  TypeScript
关注(0)|答案(1)|浏览(135)

对于MUI v5日期pickets,我使用以下操作来注册react-hook-form的输入

<DatePicker
    ...date picker props
    renderInput={(params) => {
        return (
            <TextField
                {...params}
                ...other text field props
                {...register("startDate", { required: true })}
            />
        );
    }}
/>

现在使用MUI v6,renderInput方法不存在,所以我尝试了以下方法:

<DatePicker
    ...date picker props
    slotProps={{
        textField: {
            ...text field props,
            {...register("startDate", { required: true })}
        }
    }}
/>

还没有能够找到很多关于这方面的文件?任何帮助将不胜感激。

5vf7fwbs

5vf7fwbs1#

我能够得到这个工作使用控制器

<Controller
    name="startDate"
    control={control}
    rules={{ required: true }}
    defaultValue={null}
    render={({ field }) =>
        <DatePicker
            {...field}
            ...date picker props
            slotProps={{
                textField: {
                    ...text field props
                }
            }}
        />
    }
/>

如果任何人有其他方法可以让这个工作,而不使用控制器,请让我知道。

相关问题