antd
一些关于antd的知识点以及使用
墨语轩
这个作者很懒,什么都没留下…
展开
-
记录antd form组件使用中的几个小功能
一、表单提交表单提交的时候使用form.validateFields((err,values)=>{}),如果errfalse则所有都通过了表单校验,values是定义表单项时的对应名称和值的对象。//添加数据的确定按钮function onOk(){ const {form} = formRef.current.props; form.validateFields((e...原创 2019-11-21 16:51:42 · 1914 阅读 · 0 评论 -
antd form使用pattern和validator自定义校验规则
在使用antd的form表单的时候肯定会用到表单校验,antd的表单校验今天仔细看了下还是很好用的,不仅有默认的一般校验,还支持两种自定义校验规则的方式。antd有默认的几种校验规则如: enum:枚举类型 len:字段长度 max:最大长度 min:最小长度 required:是否必选自定义校验规则有两种方式:通过validator方法进行自定义校验 和 使用pattern进行自...原创 2019-11-19 11:18:53 · 29116 阅读 · 0 评论 -
把antd组件的英文切换为中文
如我们使用antd的日期组件和pagination等组件时,antd默认时英文国际化antd 目前的默认文案是英文,如果需要使用其他语言,可以参考下面的方案。ConfigProvider:antd 提供了一个 React 组件 ConfigProvider 用于全局配置国际化文案。使用:引入需要的语言包,然后使用ConfigProvider配置组件进行全局配置即可impo...原创 2019-11-07 15:38:01 · 10112 阅读 · 2 评论 -
antd自定义校验规则校验两次密码是否一致
import React from 'react';import S from './style.scss';import { Form, Select, Input, Button,Modal} from 'antd';class FormCop extends React.Component { //新密码一致校验 handleCheckPwd(rules,valu...原创 2019-11-01 18:42:23 · 10448 阅读 · 2 评论 -
修改antd中环形进度条的背景色,修改antd中进度条的底色
前一篇写了如何修改antd中的样式,这里相当于一个应用的例子。业务中需要使用一个环形的进度条,于是想到了antd中的progress进度条组件。组件中有修改进度条色彩的api:strokeColor,大多数情况下我们也只需要修改这个颜色,但是有时候如果我们的背景不是白色,那么我们还需要修改进度条的底色:但是你会发现并没有修改这个底色的接口,于是这就需要我们自己来修改了:首先找到对应...原创 2019-10-12 14:09:54 · 7433 阅读 · 1 评论 -
使用了css modules怎么修改antd组件的默认样式,修改antd的样式
使用了css-loader中的css modules来打包代码,想要直接在css中修改antd中的样式但是类名会被加上hash值,应用不到antd的样式上,另外antd的类名不经css-modules改变(配置)。我要修改的是antd中的样式,用自己的样式覆盖默认的样式,比如modal中的背景颜色。使用:global来修改::global{ .ant-modal-...原创 2019-10-09 15:49:29 · 7324 阅读 · 3 评论