Ant Design组件动态嵌套表单制作

简介: Ant Design组件动态嵌套表单制作

使用Ant Design组件我们需要使用Form.List对表单进行操作

1.首先将Form.List放入form组件中,并name命名,

2.设置一个命名为数组,添加编辑和删除事件

3.以刚刚设置的数组设置map循环,可以在循环的的括号可以设置对嵌套表单控制

4.可以通过设置命名实现对input框中值的控制

5.设置删除添加按钮实现表单元素的增加和删除

这样嵌套表单就完成了

相关文章
|
开发工具 git
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
719 0
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
|
6月前
|
JavaScript
Ant design vue 样式调整(包含导航栏、a-table表格、分页)
Ant design vue 样式调整(包含导航栏、a-table表格、分页)
527 1
|
前端开发
ant design封装一个弹框组件
ant design封装一个弹框组件
110 0
|
前端开发
【React工作记录九十】ant design table实现上下行拖拽功能(类组件)
【React工作记录九十】ant design table实现上下行拖拽功能(类组件)
221 0
|
索引
Ant Design:表格自定义渲染
Ant Design:表格自定义渲染
214 0
|
前端开发
#yyds干货盘点 ant design table实现上下行拖拽功能(类组件)
#yyds干货盘点 ant design table实现上下行拖拽功能(类组件)
187 0
|
前端开发
#yyds干货盘点 【React工作记录二十一】ant design封装一个弹框组件
#yyds干货盘点 【React工作记录二十一】ant design封装一个弹框组件
181 0
#yyds干货盘点 【React工作记录二十一】ant design封装一个弹框组件
学习笔记jira项目5-用jsx列表渲染开发下拉框组件
学习笔记jira项目5-用jsx列表渲染开发下拉框组件
96 0
学习笔记jira项目5-用jsx列表渲染开发下拉框组件
react-Ant Design框架中基础对话框和信息确认框的使用
在项目中,对话框和确认框是使用频率很高的组件,这里记录一下react-Ant Design框架中它们的基础用法
464 0
react-Ant Design框架中基础对话框和信息确认框的使用