ant-design-pro Login 组件 实现 rules 验证

1.引入组件

// 引入 ant-design-pro
import Login from 'ant-design-pro/lib/Login';
/**
 * UserName 账号
 * Password 密码
 * Submit   提交
 */
const { UserName, Password, Submit } = Login;

2.调用(验证)

<UserName
  name="userId"
  placeholder="请输入用户名"
  rules={[{required: true, message: '用户名不能为空!'}]}
/>
<Password
  name="pass"
  placeholder="请输入密码"
  rules = {[{required: true, message: '密码不能为空!'}]}
/>

3.效果图