原文:React + antd 实现动态表单添加删除功能

类似下面这种功能: 点击添加表增加一行,删除表删除一行, 思路:将这个表单抽成一个单独的组件,维护一个时间戳数组,这个数组的作用就是通过map循环来生成动态表单,每次点击添加就在数组里添加一个时间戳。最终遍历有几个item就渲染几个表单。 实现: dynamic.js 动态表单 子组件 index.js 父组件 踩坑日记: .useState修改state数据不发生变化: 原因是在原数组上修改了, ...

2020-12-29 14:24 0 1634 推荐指数:

查看详情

react antd 动态表单

https://ant.design/components/form-cn/ 解决方法: ...

Tue Mar 20 23:19:00 CST 2018 0 6171
react+antd form表单动态添加数据的实现

需求效果功能如图: 代码: const [relateList, setRelateList] = useState(getPath(initInfo, 'relateLinkList', [] || []));    这个是因为此页面还实现了编辑功能 ...

Fri Jun 19 18:48:00 CST 2020 0 12066
react antd动态增减表单

之前写动态表单遇到过坑,就是用index下标做key会导致bug,而且很严重! 今天有空写下文章记录下:怎么处理和逻辑 我用的是antd3的版本,3和4的表单有点不一样,不过差别应该不大。 需求: 1、选择类型切换展示固定的模板 2、通过新增字段可以动态增减表单里面的每一行 3、控制 ...

Tue Sep 01 18:48:00 CST 2020 1 3278
react + antd 实现打印功能(踩了不少坑)

最近在有网页打印需求,尝试了一下react的打印功能,遇到了不少的坑: 1.react本身有一些打印的组件,但都不好用,都是基于window.print(),但是window.print()如果直接打印的话,没有样式。处理直接当前网页的body设置为你要打印的区域,但是当你取消打印的时候你会发 ...

Thu Jan 03 17:36:00 CST 2019 1 4556
【踩坑】【Reactantd 动态表单获取和设置值

真是个悲伤的故事,由于动态表单里面嵌套动态表单,然后就不知道怎么获取和设置值了,然后公司的小朋友教我了QAQ 动态表单为 totalStrategy:{ strategy:{ mainArea:123, mainPublicArea:456 ...

Fri Jul 03 03:03:00 CST 2020 0 1438
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM