清风明月的博客

ProTable和`Table设置 column.ellipsis 可以让单元格内容根据宽度自动省略时报以下错误：[antd: Typography] `ellipsis` should use string as children only.原因：ellipsis：true 只能用在返回为字符串的列

ant design的关闭ModalForm和Modal弹框，清除数据的方法:1、ModalForm弹框modalProps中加destroyOnClose<ModalForm visible={visible} modalProps={{ destroyOnClose: true }}/></ModalForm>2、Modal弹框中加destroyOnClose<Modal visible={visible} destroyOnClose: {t

1、Select使用getPopupContainer改变浮层渲染父节点<Select defaultValue="lucy" getPopupContainer={triggerNode => triggerNode.parentElement} onChange={handleChange} > <Option value="jack">Jack</Option> <Option value="lucy">Lucy</Opti

使用umi-plugin-keep-alive实现KeepAlive状态存储1、安装$ npm install umi-plugin-keep-alive --save//或者$ yarn add umi-plugin-keep-alive2、使用import { KeepAlive } from 'umi'const contentList = () => { return ( <> <KeepAlive name="/About" //可按照

ProFormDigit 使用min限制可输入最小值，max限制可输入最大值， fieldProps限制输入的小数位数保留两位小数 fieldProps={{ precision: 2 }}<ProFormDigit label="InputNumber" name="num" min={1} max={22} fieldProps={{ precision: 2 }}/>整数fieldProps={{ precision: 0 }}<ProFormDigit

Ant Design React 遇到打开二级弹框引起的页面滚动条失效，使用的是ModalForm。原因：在打开弹框的时候会给body标签上加style=“width: calc(100% - 15px); overflow: hidden;”，隐藏标签的滚动条，关闭弹框会清除这个style，在弹框里面再打开二级弹框就会出现body标签上style没清理的问题导致滚动条消失。解决方法如下：在一级弹框ModalForm关闭后清理给body加的style，具体代码如下：<ModalForm

用户可以上传图片并在列表中显示缩略图，当上传照片数到达限制后，上传按钮消失。点击图片打开图片预览弹框。在使用的地方引入组件，组件在传图后会返回图片数组。import React, { useState, useEffect } from 'react';import { Upload, Modal } from 'antd';import { PlusOutlined } from '@ant-design/icons';//上传前判断标准function beforeUpload(file)

最近遇到一个需求，需要在ProTable搜索框的时间周期设置默认开始时间和结束时间，并调用接口返回数据显示。实现思路：创建formRef来设置ProTable里面搜索的默认值；通过moment来获取当前月的第一天和最后一天；通过formRef.current?.setFieldsValue赋值给created_at；通过formRef.current.submit()调用接口，渲染页面；实现该需求的必要代码：import React, { useState, useEffect, useR