reactjs - 将react-hook-form与@mui/x-date-pickers v6一起使用

Question

使用 MUI v5 日期纠察队，我曾经执行以下操作以使用 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 })}
        }
    }}
/>

还没有找到很多与此相关的文档吗？任何帮助将不胜感激。

Answer 1

我能够使用 Controller 使其工作

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

如果有人有其他方法可以在不使用 Controller 的情况下实现此功能，请告诉我。