Ant Design: проверка полей формы с пользовательскими валидаторами

Question

Я бы хотел использовать уведомления для отправки обратной связи по форме вместо встроенного обмена сообщениями.например,

<Form.Item label="Name">
  {getFieldDecorator("name", {
    rules: [
      {
        validator(rule, value, callback) {
          if (!value) {
            callback("Enter Your Name");

            // I'd like to use this instead:
            // notification.open({
            //   message: "Enter Your Name",
            //   description:
            //     'This is the content of the notification.',
            // })
          }

          callback();
        }
      }
    ]
  })(<Name />)}
</Form.Item>;

Можно ли проверить поля формы и поддерживать визуальную обратную связь (т.е. такие вещи, как изменение border-color) без встроенного обмена сообщениями?

Answer 1

Вы можете сделать так, как показано в коде, и использовать css, чтобы скрыть сообщения об ошибках.

display: none

Answer 2

Вы можете выдать пользовательское сообщение об ошибке, используя this.props.form.setFields

this.props.form.setFields({
  user: {
    value: values.user,
    errors: [new Error('forbid ha')],
  },
});

Ссылка на form.setFields