Как можно провести валидацию целой формы в 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>
)
}