https://ant.design/components/form-cn/ 解决方法: ...
类似下面这种功能: 点击添加表增加一行,删除表删除一行, 思路:将这个表单抽成一个单独的组件,维护一个时间戳数组,这个数组的作用就是通过map循环来生成动态表单,每次点击添加就在数组里添加一个时间戳。最终遍历有几个item就渲染几个表单。 实现: dynamic.js 动态表单 子组件 index.js 父组件 踩坑日记: .useState修改state数据不发生变化: 原因是在原数组上修改了, ...
2020-12-29 14:24 0 1634 推荐指数:
https://ant.design/components/form-cn/ 解决方法: ...
需求效果功能如图: 代码: const [relateList, setRelateList] = useState(getPath(initInfo, 'relateLinkList', [] || [])); 这个是因为此页面还实现了编辑功能 ...
之前写动态表单遇到过坑,就是用index下标做key会导致bug,而且很严重! 今天有空写下文章记录下:怎么处理和逻辑 我用的是antd3的版本,3和4的表单有点不一样,不过差别应该不大。 需求: 1、选择类型切换展示固定的模板 2、通过新增字段可以动态增减表单里面的每一行 3、控制 ...
## react + antd实现动态菜单 history.js ...
最近在有网页打印需求,尝试了一下react的打印功能,遇到了不少的坑: 1.react本身有一些打印的组件,但都不好用,都是基于window.print(),但是window.print()如果直接打印的话,没有样式。处理直接当前网页的body设置为你要打印的区域,但是当你取消打印的时候你会发 ...
真是个悲伤的故事,由于动态表单里面嵌套动态表单,然后就不知道怎么获取和设置值了,然后公司的小朋友教我了QAQ 动态表单为 totalStrategy:{ strategy:{ mainArea:123, mainPublicArea:456 ...
= null; // 在小鸡管理类中创建小鸡对象 //动态数组的添加功能 public void a ...