yqdid的博客

记录在业务中，需用到antd的RangePicker组件设置快日期选择。如果在表单里设置默认初始值要用。

但我用这个插件后还是不太 OK，总有一些bug，比如如果拖动了不设置宽的列，整个伸缩就会变形；而且如果列数很多的情况下，自适应列效果不理想。需求背景：需要实现Antd Table 组件的列伸缩，宽度可以拖拽。在查阅资料时，看到有个大佬封装好了一个伸缩hook。必须保持一列宽度不设置，自适应。使用方便，效果理想，推荐使用这个插件。，使用起来方便简单。

添加：valuePropName=“checked”报错的解决方式就是给。

需求背景：需要实现文本的展开收起效果，文本是一行一行的，数据格式是数组结构。简单实现：使用一个变量控制展开收起效果。

问题背景：在表单中有一个上传文件的填写项，不过文件上传是同表单一起提交到后端的。有一个问题，移除上传的文件列表的时候，再次提交表单，并没有校验提示文件是未上传的。这会阻止浏览器缓存会话历史记录中的数据。若表单数据缓存于会话历史记录，用户提交表单后，再点击返回按钮返回之前的表单页面，则会显示用户之前输入的数据。如果即使在 autocomplete 已经设置为 off 时，浏览器仍继续提供输入建议，那么你需要更改输入元素的 name 属性。这会告诉浏览器，不要为了以后在类似表单上自动填充而保存用户输入的数据。

在Ant Design的Modal组件中，关闭Modal时，Table组件中的数据不会重新渲染的原因是，Modal组件默认是通过隐藏和显示来实现显示和关闭的，而不是通过销毁和重新渲染组件。以上方法中，可以根据具体情况选择适合的方法来让表格中的数据重新渲染。

参考：https://blog.youkuaiyun.com/weixin_66709443/article/details/130005481。需求场景：文本框内容支持批量导入(文件类型包括’.txt, .xls, .xlsx’)。使用AntD的Upload组件处理。下面是Upload的配置（伪代码），重点为beforeUpload中的逻辑。