weixin_44240581的博客

需求实现旬查询，本月上旬为1-10号，本月中旬11-20号，本月下旬21-月底由于Antd 3.x 的RangePicker没有上月、下月、上年、下年的点击回调，我不能判断当前是哪年哪月，时间范围快捷选择不能动态改变，所以我用监听DOM节点实现代码.main-container { :global { /* 禁用日历日期的点击 */ .ant-calendar-tbody { pointer-events: none !important; } /*

前言页面我用一个Modal组件包一个Form组件，由于页面较复杂，所以采用混合布局，一部分用Form.Item包裹组件（受控），一部分直接用原始组件（不受控）受 控 组 件 ：手动改变，页面动态更新，form.getFieldsValue() 能取到最新值不受控组件：设置defaultValue时，手动改变，页面动态更新，onChange能取到输入的值，外部数据也更新 【√】设置value时，手动改变，页面不能更新，onChange能取到输入的值，外部数据也更新【×】新建操作：不受控组件用d

Calendar 日历组件汉化主要代码import { ConfigProvider } from 'antd';import zhCN from 'antd/lib/locale/zh_CN';import moment from 'moment';import 'moment/locale/zh-cn';<ConfigProvider locale={zhCN}> <Calendar /></ConfigProvider>前后对比其他组

Form.Item里面只能包裹一个组件，除组件包裹的文字外，组件外部不能有别的

问题描述TextareaItem里面存了一段很长的文字，设置了autoheight，但是需要用鼠标点一下才能展开问题解决获取textarea实例，强制获取焦点** * title: 通知详情 */import React, { Component } from 'react';import { connect } from 'dva';import { TextareaItem } from 'antd-mobile';import styles from './detail.les

第一种按需加载yarn add babel-plugin-import在package.json里的babel里加入plugin配置，没有babel要npm run ejectnpm run eject报错： This git repository has untracked files or uncommitted changes删掉根目录下的隐藏文件.git文件夹，重新npm run eject第二种按需加载yarn add react-app-rewired customize-cr

方法1用InputNumber中的formatter属性对数据进行处理把数据转换成number类型null和‘’都会转换成0方法2用this.props.form.setFieldsValue注意点：这里要延时执行，不然数据不能更新方法3用getFieldDecorator中的属性getValueFromEvent属性详细查看官网api：https://3x.ant.design/components/form-cn/#Form.Item...

问题描述我的form实体是在modal里面的，modal开始设置了visible={this.state.modalVisible}，初始值为false，在第一次打开modal，使用this.formRef.current.XXX就会报错 Cannot read property 'xxx' of null，只要我的modal打开关闭一次，后面使用this.formRef.current.XXX就没问题了解决方法方法1（失败）componentWillMount()设置modalVisible为tr

最后附上antd官网的form组件，v3~v4的升级说明文档https://ant.design/components/form/v3-cn/

Form标签要添加name属性

form-item 需要添加name属性