ant-design-pro Login 组件 实现 rules 验证「建议收藏」

ant-design-pro Login 组件 实现 rules 验证「建议收藏」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.效果图

ant-design-pro Login 组件 实现 rules 验证「建议收藏」

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/107256.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • Tomcat使用IDEA远程Debug调试[通俗易懂]

    Tomcat使用IDEA远程Debug调试[通俗易懂]Tomcat运行环境:CentOS6.5、Tomcat7.0、IDEA远程Tomcat设置1、在tomcat/bin下的catalina.sh上边添加下边的一段设置CATALINA_OPTS=”-Xdebug-Xrunjdwp:transport=dt_socket,address=60222,suspend=n,server=y”2、address=60222这个是后边IDEA设置的时候需要

  • lightroom cc 2015 mac的快捷键

    lightroom cc 2015 mac的快捷键Lightroom是一款非常专业的图形图像软件,使用它可以加快对图片后期处理的速度。如果这些快捷键你都知道的话?可以帮你节省很多时间,大大提高工作效率。还没有了解全面的不妨仔细看一下!全面了解的也可以看看还有什么疏漏的地方!lightroomcc2015mac快捷按键▪数字0:取消等级1~5:在图库模块中为选中的照片设置等级;6~9:在图库模块中为选中的照片设置色彩标…

  • python的三种取整方式_python取整函数-取整函数,PYTHON[通俗易懂]

    python的三种取整方式_python取整函数-取整函数,PYTHON[通俗易懂]本教程分享:《python取整函数》,python有什么办法使得int按照”四舍五入”的方式取…由于小数取整会采用比较暴力的截断方式,即向下取整,所以要想使得int()按照“四舍五入”的方式取整,可以采用如下方法:5.4“四舍五入”结果为:5,int(5.4+0.5)==55.6“四舍五入”结果为:6,int(5.6+0.5)==6python为什么算除法自动取整了。如图…

    2022年10月27日
  • Unable to process Jar entry [module-info.class] from Jar的问题解决

    Unable to process Jar entry [module-info.class] from Jar的问题解决UnabletoprocessJarentry[module-info.class]fromJar的问题解决背景解决办法背景在使用Eclipse进行SpringBoot应用开发时,如果项目启动是RunAs->RunOnServer方式运行就会报类似于UnabletoprocessJarentry[module-info.class]fromJar的错误…

  • WPF随笔(十)–使用AvalonDock实现可停靠式布局「建议收藏」

    WPF随笔(十)–使用AvalonDock实现可停靠式布局「建议收藏」许多软件都使用了可停靠式布局,可以方便的打开、关闭、收起、展开、移动选项卡。今天就来说明如何使用AvalonDock实现这种可停靠式布局。…

  • NOIP2011题解

    NOIP2011题解D1T1.铺地毯题目描述为了准备一个独特的颁奖典礼,组织者在会场的一片矩形区域(可看做是平面直角坐标系的第一象限)铺上一些矩形地毯,一共有n张地毯,编号从1到n。现在将这些地毯按照编号从小到大

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号