react-datepicker 和 react-hook-forms：需要不工作答案

【问题标题】：react-datepicker and react-hook-forms: required not workingreact-datepicker 和 react-hook-forms：需要不工作
【发布时间】：2021-11-05 03:09:12
【问题描述】：

React-datepicker 和 react-hook-form。我正在尝试使 react-datepicker 成为必需，但它不起作用

<Controller
    name="resetDateTime"
    control={control}
    required
    render={({ field }) => (
        <Datetime
            onChange={(date) => field.onChange(date)}
            selected={field.value}
            inputProps={{
                placeholder: "MM-DD-YYYY HH:mm",
            }}
            viewMode="time"
        />
    )}
/>
{errors.resetDateTime && <span>This field is required</span>}

当我在不选择任何日期时间的情况下提交表单时，我希望会显示错误，但它会提交表单

【问题讨论】：

您需要在codesandbox.io提供可运行代码

标签： reactjs react-hook-form react-datepicker

【解决方案1】：

<Controller /> 没有 required 属性，而不是您必须通过 rules 属性传递验证规则。查看docs 了解更多信息。

<Controller
    name="resetDateTime"
    control={control}
    rules={{ required: true }}
    render={({ field }) => (
        <Datetime
            onChange={(date) => field.onChange(date)}
            selected={field.value}
            inputProps={{
                placeholder: "MM-DD-YYYY HH:mm",
            }}
            viewMode="time"
        />
    )}
/>
{errors.resetDateTime && <span>This field is required</span>}

【讨论】：