Блог

я использую next js

 const [form] = Form.useForm();

const onFinishFailed = ({ values }) => {    
 console.log("email-status",form.isFieldValidating('email'),form.getFieldsError())
 console.log("failed",values);
};

<Form
   {...layout}
   layout="vertical"
   name="basic"
   form = {form}
   initialValues={{ email: "",password: "",remember: true,}}
   onFinish={onFinish}
   onFinishFailed={onFinishFailed}
 >

<Form.Item
  name="email"
  label="E-mail"
  rules={[
          {
            type: 'email',
            message: 'The input is not valid E-mail!',
          },
          {
            required: true,
            message: 'Please input your E-mail!',
          },
        ]}
 >
  <Input />
</Form.Item>

<Form.Item
  name="password"
  label="Password"
   rules={[
          {
            required: true,
            message: 'Please input your password!',
          },
        ]}
      
 >
   <Input.Password />
 </Form.Item>

<Form.Item >
   <Button type="primary" htmlType="submit">
       Register
    </Button>
</Form.Item>
  

Теперь, когда я ввожу действительный адрес электронной почты и не вводит пароль и нажимаю кнопку регистрации

а) Я получаю сообщение «Пожалуйста, введите свой пароль!» и не получаю никакой ошибки, отображаемой в поле ввода электронной почты //, которое ожидается

б) Поскольку я не ввел никакого пароля при нажатии зарегистрированной кнопки, выполняется функция «onFinishFailed» // пока все хорошо

c) Но в консоли я получаю вывод в виде

 email-status, false, []
  

Это должно быть email-status , true, [ ] правильно…