之前写动态表单遇到过坑,就是用index下标做key会导致bug,而且很严重! 今天有空写下文章记录下:怎么处理和逻辑 我用的是antd3的版本,3和4的表单有点不一样,不过差别应该不大。 需求: 1、选择类型切换展示固定的模板 2、通过新增字段可以动态增减表单里面的每一行 3、控制 ...
之前写动态表单遇到过坑,就是用index下标做key会导致bug,而且很严重! 今天有空写下文章记录下:怎么处理和逻辑 我用的是antd3的版本,3和4的表单有点不一样,不过差别应该不大。 需求: 1、选择类型切换展示固定的模板 2、通过新增字段可以动态增减表单里面的每一行 3、控制 ...
真是个悲伤的故事,由于动态表单里面嵌套动态表单,然后就不知道怎么获取和设置值了,然后公司的小朋友教我了QAQ 动态表单为 totalStrategy:{ strategy:{ mainArea:123, mainPublicArea:456 ...
类似下面这种功能: 点击添加表增加一行,删除表删除一行, 思路:将这个表单抽成一个单独的组件,维护一个时间戳数组,这个数组的作用就是通过map循环来生成动态表单,每次点击添加就在数组里添加一个时间戳。最终遍历有几个item就渲染几个表单。 实现 ...
非空限制 字符串限制 范围限制: 长度限制: 自定义校验 空格校验 ...
引用form是第三方插件ant插件,官网网址:https://ant.design/。用到的antd的版本是@2.0.1。form(https://ant.design/components/form/)表单页面的大概样子如下: 组件讲解: <Form>< ...
handleResetClick = e => { this.props.form.resetFields();}; ...
## react + antd实现动态菜单 history.js ...
需求效果功能如图: 代码: const [relateList, setRelateList] = useState(getPath(initInfo, 'relat ...