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 验证「建议收藏」

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Netbeans安装教程

    Netbeans安装教程准备工作:电脑安装完JDK能翻墙的浏览器开始:假如没有安装JDK,可以看我写的如何安装JDK1.8.0_101在Oracle官网上下载NetBeans选择相应的版本下载,按照箭头指示方向,即点击AcceotLicenseAgreement然后选择适合自己电脑的版本Windowsx64右面的下载地址建议将安装包放在D盘,新建Netbeans…

    2025年8月20日
    2
  • pycharm怎么配置tensorflow环境_python tensorflow安装

    pycharm怎么配置tensorflow环境_python tensorflow安装Pycharm安装并搭建Tensorflow开发环境下载并安装pycharm1.下载2.pycharm配置python环境安装tensorflow1.输入清华仓库镜像2.创建tensorflow环境3.启动tensorflow环境4.安装cpu版本的TensorFlow5.测试TensorFlowPycharm中配置TensorFlow环境在操作之前先安装好python环境,我是安装的Anaconda,Anaconda下载安装教程可参考:https://blog.csdn.net/Chen_Meng_

    2022年8月28日
    3
  • pycharm入门教程(非常详细)_php网站部署教程

    pycharm入门教程(非常详细)_php网站部署教程最全Pycharm教程(1)——定制外观  最全Pycharm教程(2)——代码风格  最全Pycharm教程(3)——代码的调试、运行  最全Pycharm教程(4)——有关Python解释器的相关配置  最全Pycharm教程(5)——Python快捷键相关设置  最全Pycharm教程(6)——将Pycharm作为Vim编辑器使用  最全Pyc

    2022年8月29日
    3
  • 万文多图之搜索引擎使用教程[通俗易懂]

    万文多图之搜索引擎使用教程[通俗易懂]大家好,我是herosunly,985院校硕士毕业,现担任算法研究员一职。CSDN博客专家,2020年博客之星TOP。曾获得阿里云天池比赛第一名、科大讯飞比赛第一名、CCF比赛第一名等Top名次,拥有多项发明专利。对机器学习和深度学习拥有自己独到的见解。曾经辅导过若干个非计算机专业的学生进入到算法行业就业。其中经常被同学和同事夸赞的一项能力就是`搜索`,所以今天特意给大家分享搜索引擎使用方法,希望能对大家有所帮助。如果大家觉得有用,请帮忙点赞评论收藏(一键三连),谢谢大家的支持~

    2022年5月20日
    51
  • postman下载安装和基础使用教程(官网)

    postman下载安装和基础使用教程(官网)postman下载、安装、基础使用教程,亲测有效,有疑问可留言

    2022年6月25日
    29
  • .NET面试题「建议收藏」

    .NET面试题「建议收藏」1. 简述 private、 protected、 public、 internal 修饰符的访问权限。答 .private

    2022年7月1日
    26

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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