Z_Wonderful的博客

antd 4.x Sider + menu设置collapsible 收缩时二级菜单不出现

antd时间控件DatePicker 等安装国际化后还是半中文版英文

react 安装使用 antd+国际化+定制化主题+样式兼容

antd +Table+单元格编辑DatePicker（日期组件）

antd table rowClassName 行样式不起作用

将table封装成一个公共组件使用，columns在父组件内传参table子组件。

react antd Input鼠标悬浮时显示已输入内容

当请求数据量过大时，接口返回数据时间会很长，数据回显时间长，Dom 的渲染会有很大的性能压力。组件中有提到一个滚动加载的组件库。

在页面滚动的时候，infiniteScroll 页面数是自动+1。举个例子，页面加载到第三页，infiniteScroll 无法在重新开始计数，而在某些场景中需要重新开始计数，比如切换月份等（按照需求），page number 需要重新计数。2、容器一定要被撑开并触底，这样才会触发v-infinite-scroll上绑定的方法。1、overflow属性是一定要有的，可以加到父节点或者自身上，否则会报错。改变 infiniteScroll 的 key 值，或加在父级元素上。1.使用useRef。

antd Form 校验 加入自定义复杂逻辑。

实现antd Modal 弹窗或者其他弹窗的点击标题进行拖拽的效果。

【代码】antd Table 自定义控制多选框显示与隐藏。

antd 手动关闭notification

react ref 获取和更改input值

table每列内容不换行不省略，自适应宽度，超出显示宽度则出现横向滚动。

虚拟列表

项目场景：提交表单且数据验证失败后，需要触发回调事件必填表单未填写，提交校验提示，使用(提交表单且数据验证失败后回调事件)onFinishFailed，无法触发：原因分析：提交表单方式与不匹配：使用获取表单参数，将无法触发，会抛出异常第一种：：获取捕获异常传入函数好处：可以传入参数缺点：无法触发第二种,好处：可以触发**...

antd-table 滚动条+分页HTML<div className="all-table"> <Table className="auto-scroll-y" size={'small'} pagination={{ ...tablePagination,

项目场景：border bug：成功后:解决方案：解决方案：<div className="history-table"> <Table/></div>.history-table { height: 440px; .ant-table.ant-table-bordered>.ant-table-container { //关键 border-left: 0; table { //关键

项目场景：自定义打印页面用法：导入第三方react-to-printnpm install --save react-to-printnpm使用方法：import ReactToPrint from 'react-to-print';const inputRef = useRef();//获取 dom<Layout className="fuelStatisticsForm-form"> <div ref={inputRef} className="form

项目场景：Form 使用除Input外 表单赋（Checkbox，Switch ，Upload.Dragger等）值注意事项：table 单元格编辑—Checkbox，Switch ，Upload.Dragger等：按默认写法form.setFieldsValue({}）无法对表单赋值---同样也无法进行操作解决方案：添加属性：valuePropName=" "例如： //input valuePropName="value" <Form.Item name="remember"

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、React Redux 组件更新/渲染 原理 connect之mapStateToProps？二、使用步骤1.浅拷贝“骗取刷新”2.用setTimeout对仓库数据进行--删除再添加 达到刷新效果总结前言tabs标签页例如：复用–（借用明细）页面，因为tabs有缓存，标签页面已经生成后，再次使用讲不在进行刷新渲染（注：标签页的生成数据，存放在仓库里面，复用是上传的数据有时与前面的相同，仓库里–新数据与旧数据会进行比