Formik + Yup дата требуется проверка

Я пытаюсь использовать Formik с Yup & material-ui / pickers.

Всякий раз, когда я пытаюсь сделать поле даты обязательным, это никогда не показывает сообщение об ошибке.

после выхода консоли из системы ошибок Formik я вижу, что она проходит через регистрацию ошибки, а затем сбрасывает ее на пустое значение.

См. Песочницу: https://codesandbox.io/s/fervent-shape-pq0z2?file=/src/App.js

Кто-нибудь знает, как я могу сделать выбор даты необходимым и показать ошибку, если она недействительна?

Спасибо


material-ui formik yup
person Nitroplonker    schedule 15.10.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Удалите 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}
  />
person tobzilla90    schedule 20.10.2020