supming1的专栏

记录用ant.design 3x中遇到的一个奇葩错误。在使用ant 3.x table 进行开发时，已经设置了rowkey="id",但仍然报Each child in a list should have a unique "key" prop. 错误。尝试许久，后发现是columns配置问题，配置如下，columns 第一个元素必须设置dataIndex，否则即使设置了rowkey也会报错。...

用ant.design 3x开发过程中，在列字段是动态加载出来的时候，会循环出多余的列。如下图，正常的接口只返回一级、二级的数据，但莫名其妙的出现外观设计专利申请等两列多余的数据。后面发现是列数据和另外一个页面调用了同一个来自redux的数据。初始化载入的时候，带入了另一页面列数据，并用初始化带入的数据渲染了一次。但后续页面接口拉取数据是正常的，理论上来说，应该在接口返回重新渲染之后应该是...

在使用ant design开发过程中，发现Table组件某一列设置成fixed,如果其他列包含InputNumber或者input等元素，由于层级问题，InputNumber的上下箭头和input的清除按钮会透过fixed列。这是由于fixed列的z-index组件内部设置成了z-index:auto。如何重置ant design 组件样式呢。可以采用下面在外层添加：global方式：:gl...

中后台开发的时候，可能会遇到下面这种表格里面嵌套form表单的情况。如果你使用的是ant.design 3x ，由于表格行时循环出来的，且同一列对应的输入框的字段是相同的，如果我们用getFieldDecorator装饰了表单，我们就需要解决如何让getFieldDecorator 用一个字段存储多个值的问题。官网没有找到相关的方法，经尝试下面的方法可以解决：<Form.Ite...

ant.design3x（好吧，4x都出来了，不过公司用的还是3x）RangePicker 赋默认值或者获取RangePicker 的值的时候，都是一个moment 对象，我们跟后台进行数据交互的时候，一般是字符串或者时间戳。怎么进行处理呢？查看其源码，会发现其引用了momentjs，固我们可采用moment.js 相关方法进行转换。以下记录一些常用到的方法，方便后续查阅。赋值默...

使用ant design pro 开发中后台系统，开发过程中，发现某个接口刷新的时候调用多次，但代码中只调用了一次接口。该问题查了好久，几经折腾，刷新页面，重新运行程序都没找到原因。后面猜测应该是ant design pro设置了默认打开浏览器，当重新启动程序的时候，原来的窗口没关闭，应该是注入了多份代码。导致刷新或热更新代码都会执行多次。...

ant design getFieldDecorator 使用initialValue设置默认值后，调用表单resetFields，会出现无法重置设置默认值的表单项的现象。可以通过调用表单的setFields设置该项的值为空来解决。...

做中后台的时候经会实现如下功能，一个包含form的弹框，弹框内容根据列表行数据不同，赋不同的默认值。用ant.design 进行实现的时候，发现有时不能重置表单数据。代码逻辑都是正确的。后面找到办法，需要调用form的resetFields。猜测用getFieldDecorator的时候,其内部做了某些处理导致的。...