antd
贝茵斯都
bug
展开
-
输入框数字输入,整数部分用千分位表示,小数保持原样
1.参考Antd-InputNumber 该组件存在的问题此组件中没有限制输入, 导致数字之外的字符也可以输入小数点允许重复输入,且使用千分位表示2.设计抛弃antd-input组件,使用原生input,又因为千分位逗号生成,所以不指明type类型监听input-onChange事件,对内容进行校验及转换3.逻辑主要部分在设计的第二步,即功能的实现输入只能是数字和小数点 /^([0-9](\.)|[0-9])*$/小数点只能出现一次/^(?!.*(\.).原创 2021-04-13 17:00:08 · 1408 阅读 · 0 评论 -
react+Antd-Upload组件-图片上传 使用记录
1.场景注册上传图片,所有信息填写完毕后统一返回给后端,提交注册*** sessonStorage 关闭会话框即会清空*2.效果2-1 保留Upload组件自带的预览和删除功能2-2 做了特殊判断,只上传一张,和上传多张图片的处理,本质是对上传按钮的显隐控制3.业务逻辑3-1. 上传一张图片,调一次图片接口,返回线上路径,本地存储线上路径(格式为下方代码所示,其中uid是Upload组件上传时的uid,path为后端返回图片路径)多图:[{id:uid, path:'xxx'}]原创 2021-04-09 12:03:18 · 2205 阅读 · 0 评论 -
Antd 3.x Modal.confirm 手动控制
1.场景在confirm中输入内容,检验不通过,则提醒用户,但不关闭confirm框2.问题antd 样例中,onOk,onCancel都是一触即关的模式3.解决后校验不通过,confirm框依旧存在,点击取消或是输入正确内容后点击确定,confirm框才会消失代码:/*** @name feedBack* @author beiysd* @description 反馈*/ feedBack = () => { let confirm = Moda原创 2021-03-04 22:25:05 · 1877 阅读 · 1 评论 -
Antd 3.x Mode.confirm 内置Input输入框,value不变化
要使用defaultValue原创 2021-02-26 17:33:00 · 2521 阅读 · 0 评论 -
Antd-4.x-DatePicker日期组件汉化问题
1.问题场景2.修复后3.原因按照antd官方给出的配置使用;antd4.x-DatePicker国际化配置/ 默认语言为 en-US,如果你需要设置其他语言,推荐在入口文件全局设置 localeimport moment from 'moment';import 'moment/locale/zh-cn';import locale from 'antd/lib/locale/zh_CN';<ConfigProvider locale={locale}>原创 2021-02-25 14:51:52 · 1430 阅读 · 1 评论 -
antd-popover样式更改,及参数详解
overlayClassName=>popover 识别参数 <Popover overlayClassName={ styles.ant_popover }//样式类 title={111}//标题 content={222}//内容 trigger='click'//触发方式-hover-focus visible={show}//手动显示 placement="topLeft"//相对页面内容,popover位置变化-共有.原创 2021-02-25 10:15:10 · 11148 阅读 · 3 评论