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)


相关推荐

  • 腾讯面试居然跟我扯了半小时的CountDownLatch

    腾讯面试居然跟我扯了半小时的CountDownLatch一个长头发、穿着清爽的小姐姐,拿着一个崭新的Mac笔记本向我走来,看着来势汹汹,我心想着肯定是技术大佬吧!但是我也是一个才华横溢的人,稳住我们能赢。

  • redis配置文件_redis怎么连接

    redis配置文件_redis怎么连接dd#redis配置开始#Redis数据库索引(默认为0)spring.redis.database=0#Redis服务器地址#redis.host=192.168.59.43redis.host1=192.168.58.11redis.host2=192.168.58.12redis.host3=192.168.58.13#Redis服务器连接端口redis.port=6379redis.master.port=6379redis.slave.port=6380#Re.

  • 史上最全的数字IC后端设计实现培训教程(整理版)

    史上最全的数字IC后端设计实现培训教程(整理版)史上最全的数字IC后端设计实现培训教程(整理版)由于最近比较忙,前几天才把五月份开展活动送的书全部寄出,预计最迟明后天就会送到各位手中,希望各位多多理解!本次活动共送出八本《LowPowerFlow》PhysicalImplementation(BackEnd)纸质书籍,请各位中奖的朋友注意查收!另外本次小编多打印了五六本,有需要的朋友可以按照成本价送出(小编微信ic-backend2018)。鉴于很多小伙伴们经常苦于找各类数字IC后端实现培训教程和培训视频,今天小编特此整理了一份非常全

  • 五招跳槽赢高薪

    五招跳槽赢高薪

  • c html美化winform,C# WinForm界面美化

    c html美化winform,C# WinForm界面美化SkinEngineskinEngine=newSkinEngine();publicMain(){InitializeComponent();#region生成皮肤样式按钮string[]files=Directory.GetFiles(Path.Combine(Application.StartupPath,@”IrisSkin4\Skins”),”*.ssk”,Searc…

  • Postman报错Unsupported Media Type

    Postman报错Unsupported Media Type报错信息如下:{“timestamp”:”2018-12-06T01:37:11.184+0000″,”status”:415,”error”:”UnsupportedMediaType”,”message”:”Contenttype’text/plain;charset=UTF-8’notsupported”,”path”:”/testgu/ycyzha…

发表回复

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

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