Question

我正在尝试在Yup和material-ui / pickers中使用Formik。

每当我尝试将日期字段设为必填字段时，都不会显示错误消息。

在控制台上注销Formik错误，我看到它通过记录错误然后将其重置为空白的“”来循环显示。

请参阅沙箱： https://codesandbox.io/s/fervent-shape-pq0z2?file=/src/App.js

任何人都知道如何使日期选择器成为必需，并且如果无效则显示错误？

谢谢

Answer 1

在onError中删除KeyboardDatePicker，它将起作用

 <KeyboardDatePicker
    clearable
    disablePast
    name={field.name}
    value={field.value}
    format="dd/MM/yyyy"
    helperText={currentError}
    error={Boolean(currentError)}
    onChange={(date) => form.setFieldValue(field.name, date, true)}
    {...other}
  />

Formik +截止日期需要验证

1 个答案: