Как можно провести валидацию целой формы в Ant design?

У меня есть компонент логинизации, в котором есть поля для ввода пароля, логина и чекбокса. Я хочу при получении ответа с сервера сделать валидацию ошибки (например, вывести сообщение: "Неправильный логин или пароль"). Но в Ant design я не нашел валидации на всю форму, поэтому хочу узнать — есть ли она? Когда я пользовался react-redux, то там была специальная функция stopSubmit, а в Ant design я такой не нашел. Вот мои фрагменты кода, если вам нужно

Форма логина:

let Login = (props) => {
  let onFinish = (values) => {
    props.login(values.email, values.password, values.rememberMe, values.captcha)
  }

  if (props.isAuth) {
    return <Redirect to={'/profile'} />
  }

  return (
    <div>
      <Title>Авторизация</Title>
      <Form
        name='basic'
        onFinish={onFinish}>
        <Form.Item
          name='email'
          rules={[
            {
              required: true,
              message: 'Please input your login!',
            },
          ]}>
          <Input placeholder='login' />
        </Form.Item>
        <Form.Item
          name='password'
          rules={[
            {
              required: true,
              message: 'Please input your password!',
            },
          ]}>
          <Input.Password placeholder='password' />
        </Form.Item>
        {props.captchaURL && <img src={props.captchaUrl} alt='captcha'/>}
        {props.captchaURL && <Form.Item
          name='captcha'
          rules={[
            {
              required: true,
              message: 'Please input your login!',
            },
          ]}>
          <Input placeholder='captcha' />
        </Form.Item>}

        <Form.Item name="rememberMe" valuePropName="checked">
          <Checkbox>Remember me</Checkbox>
        </Form.Item>
        <Form.Item >
          <Button type="primary" htmlType="submit">
            Submit
          </Button>
        </Form.Item>
      </Form>
    </div>
  )
}

Ответы (0 шт):