![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习记录—React+Antd
React+Antd日常使用中遇到的问题及解决方案
yqdidy
这个作者很懒,什么都没留下…
展开
-
【Antd】 RangePicker设置快捷日期 最近一周/月
记录在业务中,需用到antd的RangePicker组件设置快日期选择。如果在表单里设置默认初始值要用。原创 2023-11-10 15:22:57 · 807 阅读 · 0 评论 -
【Ant Design Table + React】表格列伸缩实现
但我用这个插件后还是不太 OK,总有一些bug,比如如果拖动了不设置宽的列,整个伸缩就会变形;而且如果列数很多的情况下,自适应列效果不理想。需求背景:需要实现Antd Table 组件的列伸缩,宽度可以拖拽。在查阅资料时,看到有个大佬封装好了一个伸缩hook。必须保持一列宽度不设置,自适应。使用方便,效果理想,推荐使用这个插件。,使用起来方便简单。原创 2023-10-20 14:51:23 · 1565 阅读 · 0 评论 -
【控制台警告】[antd: Checkbox] `value` is not a valid prop, do you mean `checked`?
添加:valuePropName=“checked”报错的解决方式就是给。原创 2023-10-12 13:59:50 · 503 阅读 · 0 评论 -
前端实现展开收起的效果 (react)
需求背景:需要实现文本的展开收起效果,文本是一行一行的,数据格式是数组结构。简单实现:使用一个变量控制展开收起效果。原创 2023-09-08 10:27:22 · 1022 阅读 · 0 评论 -
前端开发过程遇到的问题总结
问题背景:在表单中有一个上传文件的填写项,不过文件上传是同表单一起提交到后端的。有一个问题,移除上传的文件列表的时候,再次提交表单,并没有校验提示文件是未上传的。这会阻止浏览器缓存会话历史记录中的数据。若表单数据缓存于会话历史记录,用户提交表单后,再点击返回按钮返回之前的表单页面,则会显示用户之前输入的数据。如果即使在 autocomplete 已经设置为 off 时,浏览器仍继续提供输入建议,那么你需要更改输入元素的 name 属性。这会告诉浏览器,不要为了以后在类似表单上自动填充而保存用户输入的数据。原创 2023-04-27 15:33:01 · 575 阅读 · 0 评论 -
Ant-Design组件中,在Modal 中加入Table组件,为什么Modal 关闭时 ,Table中数据不会更新重新渲染?有什么方法可以让表格中的数据重新渲染?
在Ant Design的Modal组件中,关闭Modal时,Table组件中的数据不会重新渲染的原因是,Modal组件默认是通过隐藏和显示来实现显示和关闭的,而不是通过销毁和重新渲染组件。以上方法中,可以根据具体情况选择适合的方法来让表格中的数据重新渲染。原创 2023-07-24 10:48:55 · 1349 阅读 · 0 评论 -
Upload文件导入多条数据到输入框
参考:https://blog.csdn.net/weixin_66709443/article/details/130005481。需求场景:文本框内容支持批量导入(文件类型包括’.txt, .xls, .xlsx’)。使用AntD的Upload组件处理。下面是Upload的配置(伪代码),重点为beforeUpload中的逻辑。原创 2023-07-26 17:01:58 · 172 阅读 · 0 评论