antd
哈!小白要成长!
这个作者很懒,什么都没留下…
展开
-
react 注册 form:类组件注册form,函数组件注册form
一、类组件注册 formclassDemo extends React.Component { formRef = React.createRef<FormInstance>();}原创 2020-07-07 15:58:26 · 2120 阅读 · 1 评论 -
react 父组件调用子组件方法--通过 props 实现
父组件中// 引入子组件import GlobalTable from '../globalComponents/global-table'export default class AssurancePlanMade extends Component { constructor(props) { super(props) this.state = {} } addEdit = (record) => { // console.log('父组件 record原创 2020-06-19 14:22:35 · 752 阅读 · 0 评论 -
react antd 表单提交触发校验
步骤表单校验的过程可以分为为两步:(1)给表单添加校验规则;(2)提交时触发校验方法注意声明:本文讲的是在 class 组件中的表单校验需要注意几点:调用校验方法 validateFields() 需要通过注册的 form在 class 组件中注册 form 和函数组件不同,是通过 ref 属性官网说明实例代码import {Form} } from "antd"export default class AddOne extends Component { formRef =原创 2020-06-18 10:02:11 · 15799 阅读 · 5 评论 -
react antd 路由跳转、带参数的路由跳转
1、路由跳转需要先进行引入:import { Link } from "umi"如何写路由跳转:<Link to="/agricultureSchool/addVideo"><PlusOutlined />新建</Link>2、带参数的路由跳转umi 官方说明:https://umijs.org/api#plugin实例代码:import { history } from "umi"export default class Agricultu原创 2020-06-17 18:49:00 · 4058 阅读 · 0 评论 -
antd design pro 之 PageHeaderWrapper 的一些使用
1、使用介绍找到一个比较详细的介绍文章:https://www.cnblogs.com/wang_yb/p/12714333.html#sec-2,对新手十分友好2、给面包屑添加路由跳转const breadRoutes = { routes: [ { path: '/', breadcrumbName: '首页' }, { path: '/agricultureSchool', breadcrumbName: '农学堂' }, { path: '/agricultureS转载 2020-06-17 18:42:22 · 18704 阅读 · 1 评论 -
antd select 选择器设置默认值问题--强制刷新
1、需求场景需要给弹框里面的 select选择器、DatePicker选择器、RadioGroup设置默认值,默认值根据后台返回数据设置很明显,该场景是在动态改变数据时设置默认选中的数据(而非在初始化的时候设置默认选中的数据)默认值是根据 state 中的数据渲染的,不能使用 defaultValue 设置(因为其在生命周期中只执行一次,不参与后续的状态变量同步),需要使用 value 来设置defaultValue:指定默认选中的条目value:指定当前选中的条目2、问题描述通过 val原创 2020-06-15 13:52:06 · 11074 阅读 · 3 评论 -
antd Datepicker组件——date.clone is not a function
目前下来,遇到这个报错好几次了,大致总结一下出现的情况和解决方法1. 日期格式转换可参照 推荐博文 中:4、日期处理函数,5、moment.js JavaScript 日期处理类库2. DatePicker 中回显数据背景说明:根据返回的 json 数据(格式:[{}, {}, …]),通过 map 函数循环显示所有数据项,其中包含日期类型数据,需要回显到 DatePicker 中2.2 主要部分关于日期在 Datepicker 中回显,默认值有三种方式:defaultValue、value、原创 2020-06-13 12:57:05 · 25789 阅读 · 2 评论 -
react-antd 的 select 组件 defaultValue 失效
一、失效原因因为react的生命周期执行顺序是,componentWillMount , render, componentDidMountrender执行的时候,defaultValue应该已经赋值完毕(这个提前赋值的形式比较多,可以在class以外赋值,可以在state初始化时赋值,也可以在componentWillMount 里赋值,也可以在render头部赋值等等等等),如此才能生效二、三种情况下设置 默认值/初始值defaultValuevalueinitialValuede转载 2020-06-12 17:16:08 · 2810 阅读 · 0 评论