随笔分类 -  Ant Design

基于react.js使用的antd组件内容
摘要:之前写了在vue中使用mockjs模拟后台接口,现在使用react,也把react中的使用写一下.基本方法和vue一样 我这个项目是用react脚手架搭建的,项目源码地址: https://github.com/shengbid/my-react-admin 1. 安装mockjs和axios ya 阅读全文
posted @ 2020-08-19 16:13 潇湘羽西 阅读(5331) 评论(1) 推荐(2)
摘要:githup代码地址https://github.com/shengbid/antprov5/tree/master/src/pages/spanTable 效果如下 其实这种情况也可以使用树形数据表格展示,但是表格合并展示,看起来更直观.反正产品说哪种展示就哪种展示吧 我这里用到两种类型的后台数据 阅读全文
posted @ 2020-07-15 17:12 潇湘羽西 阅读(6454) 评论(3) 推荐(0)
摘要:有时候表单中的某些字段是需要调用后台接口验证,比如账号,ID之类的.这时候页面需要根据后台返回结果提示 // 验证账号是否已经被添加过 const checkAccount = (value: string | number) => { // 这个是rules自定义的验证方法 return new 阅读全文
posted @ 2020-07-06 17:24 潇湘羽西 阅读(9499) 评论(0) 推荐(1)
摘要:项目是用的react hook写的,引入了antd 的upload上传组件,页面效果如下 代码 import React, { useState } from 'react' import { Modal, Form, Upload, message, Button } from 'antd' im 阅读全文
posted @ 2020-07-06 16:24 潇湘羽西 阅读(10784) 评论(3) 推荐(0)
摘要:要实现的效果如图,点击发送验证码,文字变为60秒后重新发送,并且开始倒计时 这是写成一个组件格式component -> eidtPass.tsx import React, { useState } from 'react' import { Modal, Form, Input, notific 阅读全文
posted @ 2020-06-09 16:03 潇湘羽西 阅读(3489) 评论(0) 推荐(0)
摘要:最近做需求,需要在一个表格里编辑字段,验证提交.项目用的是antd的组件,看了下table组件,官网有给编辑的例子,好咧,拿过来用了下,发现问题.官网的实现写得很复杂,而且最主要的一点是只能在输入框获取焦点时调验证规则.但是在表格外面不能调用验证方法调用.与实际需求不符合,于是自己写了一个,记录下来 阅读全文
posted @ 2020-06-03 16:39 潇湘羽西 阅读(6705) 评论(1) 推荐(3)