问题描述
我使用@material-ui/pickers、react-hook-form 和 yup 进行验证。
我总是收到验证错误,表明该字段是必需的,即使我填写了它并用日期填充它并且日期正确注册。我只希望在用户未选择任何日期时弹出错误。
这是代码和框:
https://codesandbox.io/s/suspicious-snow-r5teh
验证在另一个字段上按预期工作,所以我认为我的代码中没有任何错误?
const formSchema = yup.object().shape({
country: yup.string().required(),age: yup.date().required()
});
const [selectedDate,handleDateChange] = useState<Date | null | undefined>(
null
);
<Controller
render={({ field }) => (
<DatePicker
{...field}
inputvariant="outlined"
disableFuture
fullWidth
openTo="year"
format="ddd/MM/YYYY"
error={!!errors.age}
helperText={errors.age?.message}
views={["year","month","date"]}
value={selectedDate}
onChange={(newValue) => handleDateChange(newValue?.toDate())}
/>
)}
name="age"
control={control}
/>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)