Javascript React-ant设计表单验证不起作用（提交时）

当我按submit时，如果电子邮件/密码中没有填写任何内容，则会在其下方显示一条消息，说明需要电子邮件/密码，但这不会发生

代码沙盒链接：

import'/App.css'；
从“antd”导入{按钮、表单、输入、复选框}
导入“antd/dist/antd.css”；
函数App（）{
返回(
注册
输入电子邮件：
输入密码：
记得我吗
提交
);
}
导出默认应用程序```

您需要为

表单.Item

组件指定

名称

属性。

antd

表单实用程序与

name

一起工作。所以，因为您尚未为文本输入字段定义名称，所以它无法验证或读取其值。 您应该更改

表单。项目
如下：

      <Form.Item
        name="email"
        rules={[
          {
            required: true,
            message: 'Please input your email!',
          },
        ]}
      >
        <Input placeholder="Enter Email" />
      </Form.Item>

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



      <Form.Item
        name="email"
        rules={[
          {
            required: true,
            message: 'Please input your email!',
          },
        ]}
      >
        <Input placeholder="Enter Email" />
      </Form.Item>

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