Блог

Я использую форму с react-загрузкой, формиком и да.

https://stackblitz.com/edit/formik-reactbootstrap-validation-xdihwi

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

если я заполню 1-е поле, то второе будет ошибочно.

У вас есть решение, чтобы исправить эту проблему?

вам нужно использовать handleBlur и touched решить эту проблему

https://stackblitz.com/edit/formik-reactbootstrap-validation-tdkizk?file=src/App.js

 <Form.Control
    value={formikProps.values.comment || ''}
    onChange={formikProps.handleChange}
    onBlur={formikProps.handleBlur}
    as="textarea"
    rows={3}
    name="comment"
    isInvalid={
      !!formikProps.touched.comment amp;amp;
      !!formikProps.errors.comment
    }
 />