antd 4.x中对于form表单复杂数据结构的处理
antd

在antd中,我们都知道在获取form表单数据的时候,数据的结构是根据Form.Item的name来的。那么如果我们要得到的数据结构是这样的呢?

{
"names":":["",""]
}



antd 官方提供了 Form.List可以直接实现
<form.list name="names"></form.list>

<Form.List name="names">{(fields, { add, remove }) => {
return (
<Form.Item>
<Input/>
</Form.Item/>
)
}
</Form.List/>



官方地址: https://ant.design/components/form-cn/#components-form-demo-dynamic-form-item

暂无评论