antd
混血哲谈
无论身在何处,勿忘佛子本分
展开
-
antd table 处理string类型的排序可以这么处理
{ title: '类型', dataIndex: 'databaseType', key: 'databaseType', width: 120, sorter: ( a: GlobalSpace.treeDataReturnItem, b: GlobalSpace.treeDataReturnItem, ) => { let stringA = a.databaseType?..原创 2021-11-22 14:48:18 · 571 阅读 · 0 评论 -
antd Form.Item不同验证规则用不同的触发方式实现重名校验
需求:需要实现重名校验。这个重名校验得调用后端的接口,但是我又不想在onChange的是偶触发自定义校验规则,这样会调用太多次接口,本来想用useRequest来实现debounce,发现不行,触发不了,然后用useDebounceFn,发现也不行,返回的数据是有问题的,返回的结果是上一次接口调用的结果,所以改成onBlur的时候触发校验规则,这样就会少调用几次接口,一开始是把//validateTrigger={['onBlur']} 写在formItem的属性上的,发现会影响required:.原创 2021-07-22 16:59:34 · 2997 阅读 · 0 评论 -
antd table columns中的render不用箭头函数,需要注意里面不要引用类中的方法
原创 2021-05-12 15:44:25 · 1076 阅读 · 0 评论 -
antd v4动态表单嵌套结构及更新他的值的方法
一、查看antd文档发现表单项的值不能通过设置状态来更新,我们应该使用form.setFieldValue来更新antd v4动态表单setFieldsValue如何设置嵌套路径的值?https://segmentfault.com/q/1010000023608785?utm_source=tag-newestformItem是动态渲染出来的,所以此处的listIndex 是一个变量,数据结构为:data:{ list:[ {name:'111'}, ...原创 2021-04-23 21:54:22 · 2963 阅读 · 1 评论 -
react Hook如何获取函数子组件的中form表单的值或者组装后的值
需求:需要获取到函数自组件中form表单组装后的数据。解决:如果只是函数子组件中form表单中的数据,这个比较简单,直接传onLoad函数,回传函数子组件的form,然后该调用的时候直接调用即可,但是如果是需要子组件form表单中的数据组装后拿回,那这个就会有点问题,当时的解决方式是通过把子组件改成class类的形式,给子组件加ref,然后通过ref调用子组件中组装数据返回数据的方法实现的,下面提供一种纯粹reactHook获取子组件组装数据的方法。interface Prop{ onLoad:(.原创 2020-05-21 18:17:11 · 5153 阅读 · 0 评论 -
RangePicker 第一个时间置为当天时间的00:00:00,第二个时间为当天时间的23:59:59且在选择范围内才调用
<Spin spinning={searchingloading}> <div className={styles.chooseTimeRange}> <div>创建时间:</div> <RangePicker defaultValue={[timeRange[0...原创 2020-04-20 19:19:09 · 1608 阅读 · 0 评论 -
antd Select如何中止选中
https://segmentfault.com/q/1010000018556609通过From中的getValueFromEvent可以控制!import React from "react";import ReactDOM from "react-dom";import "antd/dist/antd.css";import "./index.css";import...转载 2020-02-12 19:59:25 · 1731 阅读 · 0 评论 -
[踩坑]Antd中Select组件中的defaultValue问题
[踩坑]Antd中Select组件中的defaultValue问题我遇到一个类似下面的问题:antd Table columns render中return了一个Select,这个Select设置了defaultValue,第一次更改了这个值,然后通过Modal弹框,在弹框中更改了数据,本来是想重新渲染了Select的默认值的,始终没见效,这里面说加key,我觉得清缓存都可以加key,明天试一...转载 2020-02-09 23:28:53 · 11496 阅读 · 7 评论 -
antd 的message 在多层嵌套的函数中调用会导致报错么?
message 在函数中调用会导致报错么?// 测试联通性 function testonnectivity(e) { // let a = form.getFieldError('proxyUsername') form.validateFields((err, values) => { if (err) return; ...原创 2020-01-14 22:17:57 · 770 阅读 · 2 评论 -
dva 的model中的effect报错后就不再执行的问题
总结:dva 的model中的effect报错后就不再执行,需要对提前对报错进行处理或者预防报错!// 获取接入参数详细配置 * queryAccessTableVo({ payload }, { race, call, put, take, select }) { console.log('执行了') const res = yi...原创 2020-01-13 11:47:50 · 981 阅读 · 0 评论 -
antd自定义组件在componentWillMount中使用onChange返回组件默认值信息,多次切换其他Select的选项竟然导致报错
antd自定义组件在componentWillMount中使用onChange返回组件默认值信息,多次切换其他Select的选项竟然导致报错!WrappedCheckbox 自定义组件 如下,因为使用了componentWillMountimport React, { Component } from 'react';import { Checkbox } from 'antd';//...原创 2020-01-12 22:17:52 · 719 阅读 · 0 评论 -
antd自定义组件初始值没有返回或者设置initialValue,form.validateFields不会执行验证
在自定义组件中加个componentDidMount返回初始值就可以啦 componentDidMount() { const { onChange } = this.props; onChange({ ...this.state, }); }...原创 2020-01-12 19:10:59 · 2276 阅读 · 0 评论 -
自定义validator callback逻辑没有写完,会导致form.validateFields (()=>{})根本就不会执行
<FormItem label="可申请范围"> {getFieldDecorator('canApplyScope', { // valuePropName: "checked", initialValue: undefi...原创 2019-12-09 20:49:32 · 3493 阅读 · 0 评论 -
antd自定义组件传值,老是报错Objects are not valid as a React child
antd自定义组件传值,老是报错Objects are not valid as a React child ,发现原来antd自定义组件的默认值是string类型,需要单独再指定他的返回值的类型。比如我的自定义组件返回的是数组类型 <FormItem label="技术负责人"> {getFieldDecorator('dat...原创 2019-12-12 21:07:04 · 1113 阅读 · 0 评论 -
ant-design自定义表单组件回传值的问题
getFieldDecorator这个方法会向组件注入value参数,onChange方法。子组件通过value参数来初始化值,通过onChange方法通知父组件更新。如果想传入其他参数,也可以像placeholder那样显示的传入。官方定义:自定义或第三方的表单控件,也可以与 Form 组件一起使用。只要该组件遵循以下的约定: 提供受控属性value或其它与valuePr...原创 2019-12-12 21:03:31 · 2793 阅读 · 0 评论 -
antd 中的datePicker如何选择当前时间之后的时间
可用disabledDate和disabledTime分别禁止选择部分日期和时间,其中disabledTime需要和showTime一起使用。详情见antd官网https://ant.design/components/date-picker-cn/#components-date-picker-demo-disabled-date <DatePicker ...原创 2019-04-18 21:32:22 · 6516 阅读 · 0 评论 -
react+antd系列之日期选择框DatePicker中时间格式转化
今天使用antd的DatePiacker发现问题如下:发现onChange函数中的value是moment格式的,如果直接传的话会是XXXTXXXZ这种格式,不过后面发现有一个dateString参数是YYYYMMDD hh:mm:ss格式的;但是在onOk中其参数貌似只有一个value,而且也是moment格式的,这里需要对其进行转化为想要的YYYYMMDD hh:mm:ss格式,如...原创 2019-04-18 21:22:38 · 16534 阅读 · 4 评论