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

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

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

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

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

Ant Design组件动态嵌套表单制作_第1张图片

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

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

Ant Design组件动态嵌套表单制作_第2张图片

这样嵌套表单就完成了

你可能感兴趣的:(前端,javascript,开发语言)