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.效果图