formikvalidationSchema 不适用于 mui DatePicker

Question

我想为 mui datepicker 添加验证。 在validationSchema中没有必需的方法它工作正常 但我希望这个日期选择器是必填字段

这是我的代码

const formik = useFormik({
    initialValues: {
        ...
    },

    validationSchema: yup.object({
        market: yup
            .object()
            .required("Fill out this field")
            .nullable(),
        dateFrom: yup
            .date()
            .required("Start date is required")
            .nullable(),
        dateTo: yup
            .date()
            .required("End date is required")
            .nullable(),
    }),
    onSubmit: async (values, helpers) => {
        ...
    }
})

<DatePicker
onChange={value => formik.setFieldValue("date_from", value, true)}
inputFormat="dd/MM/yyyy"
label="Trading Date"
value={formik.values.date_from}
renderInput={(inputProps) => (
    <TextField
    error={Boolean(formik.touched.date_from && formik.errors.date_from)}
    helperText={formik.touched.date_from && formik.errors.date_from}
    name="date_from"
    {...inputProps}
    />
)}/>

Answer 1

因为它被设置为可为空，所以删除可为空以显示错误。