![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
antd 4.X升级变更
文章平均质量分 51
Fliessenn
这个作者很懒,什么都没留下…
展开
-
【react+antd4.x】本地和环境上功能展示不一致
最近在升级antd,整出来一些奇奇怪怪的问题。本地功能是完全正常的没有其他问题,上到测试环境就不可以了。这事儿搞了几天,心态爆炸属于是最后看了antd的更新日志,发现4.18.0改了Table的某些内容,感觉很有可能和这个有关。把antd版本降下来,发到环境上终于好了。如果本地功能都是正常的,发到环境上有问题,也许是antd版本的问题可以看一下日志,降版本,版本太高不稳定...原创 2022-03-01 17:03:11 · 1219 阅读 · 0 评论 -
【react+antd4.x】Form+Table可编辑单元格点击编辑错误展示为上一条内容
想直接看解决方法,目录中就有简述目录一、问题描述二、解决方案方案一(官方): 使用setFieldsValue来进行更新方案二:调用resetFields()方法,对表单进行重置一、问题描述需求使用了Form+Table。在第二次点击编辑的时候就会展示上一次点击那条的内容。在这个地方是复用了Form.Item,这部分会产生数据残留的问题,估计是不是存在了树里面。官方对于这种问题有给出解决方法二、解决方案在这边说两个解决方法,一个..原创 2022-03-01 16:56:30 · 1243 阅读 · 0 评论 -
【antd+react】antd, 退钱【大写的感叹号】(4.x版本不稳定)
这段时间在前端整合,升级了React和antd的版本。当时的我,还不知道自己即将经历什么,也不知道自己到底打开了怎么一个巨大的潘多拉魔盒。v3升级v4的文档,都快看出包浆来了,还是遇到各种各样、离离谱谱、奇奇怪怪的问题,心态大面积爆炸。最近遇到一个特别离谱的问题。在本地连测试环境功能完全正常,一上到测试环境就有问题。(关键是研发环境还不能发)出现的问题是可编辑单元格Table组件,点击编辑按钮,死活不再去判断置灰其他行并且出现确认、...原创 2022-02-28 18:46:37 · 674 阅读 · 0 评论 -
【React+antd】antd 4.X Select组件 传入defaultValue变化 展示不变
一、问题描述升级antd到4.x之后,官网文档上发现没有提及initialValue,于是使用了defaultValue。改组件设置初始值,从接口调入。页面初始进入接口没有返回的时候,对应数组数据为空;等到接口返回数据后,对应数组也塞入正确数据,但是Select组件展示表现还是为空。(我用的是多选)二、解决思路因为之前解决过一个 打开列表中不同Drawer,展示数据不变化的问题。所以联想,会不会是在页面...原创 2022-01-10 13:56:35 · 938 阅读 · 0 评论 -
【React+antd】antd 4.X Table组件中复选框选中某一行单表现为全选现象
目录一、问题产生背景二、问题解决思路三、解决方案一、问题产生背景升级antd从3.x到4.x,重构页面。有些代码在3.x可以正常跑,但在4.x就会有形形色色、奇奇怪怪的问题。这次就是关于Table组件复选的问题。表现为,选择其中一行内容,却一下子全选了当页所有的数据,有时又会突变成选不中。如下图二、问题解决思路 从表现看不出来有什么问题,于是先打印了下 rowSelection 的 selectedRo...原创 2021-12-30 15:22:06 · 2244 阅读 · 4 评论 -
【antd】antd组件设置width为100%不生效
不想看长篇大论,直接从目录跳转到解决方案即可目录一、问题背景二、解决思路三、-webkit-fill-available 详解四、解决方案一、问题背景 antd升级到v4之后,伴随着一些奇怪的问题,在v3的时候没有出现 我遇到的是 InputNumber 组件,需要重写覆盖它的样式。但是使用了antd v4新覆盖方式还是不起作用。一筹莫展二、解决思路尝试多种方法...原创 2021-12-24 16:14:03 · 2505 阅读 · 0 评论 -
【antd】antd 4.X中inputNumber组件设置宽度失效
目录一、问题背景二、解决思路三、解决方案一、问题背景 antd组件库升级,有些地方不兼容或是类名变更导致一些奇怪的问题 这次遇到的问题是,用了Input中inputNumber类型的组件。可是给其设置width失效,于是想着找下什么原因导致的二、解决思路 看了下元素,发现新版本给其设置了默认的width: 90px,我设置的width直接失效 所以应该把其默认设置的宽度给覆盖掉...原创 2021-12-24 15:49:51 · 2654 阅读 · 0 评论 -
【antd】antd 4.X Icon组件引入及使用方式变更
一、Icon引入方式变更从直接对其在antd引入Iconimport { Icon } from 'antd'变更为从 @ant-design/icons 引入 对应的名称代码如下:import { LeftOutlined } from '@ant-design/icons'二、Icon使用方式变更使用时不再是在Icon组件api type中填写对应图标名称<Icon type="smile" />变更为...原创 2021-12-24 09:34:50 · 2768 阅读 · 0 评论 -
【antd】antd 4.X Select组件样式覆盖失效
一、Select组件覆盖对应名称变更antd从3.x升级到4.x之后,某些组件因为版本升级后原有的样式类名进行了改动。 在涉及到样式覆盖重写的情况下,改动样式类名的组件需要根据原有的样式,对当前版本组件的样式改写 Select组件类名就发生了变化,对应名称从 ant-select-selection 变更为 ant-select-selector二、覆盖方式antd从3.x升级到4.x后,想要覆...原创 2021-12-24 10:05:16 · 1500 阅读 · 0 评论