antd的form组件能否一个大name对应多个小name
如果可以的话,这样做写Form内的组件很方便。翻遍了文档,只有Form.List有这个功能,但是Form.List毕竟是做动态增删表单的,它设计的子name只能是数组,这样在某些场景就很不方便,有没有更好的办法。
<Form.List name="demo">
{()=>{
return (
<>
<Form.Item label="foo" name={[0,'foo']}>
<Foo/>
</Form.Item>
<Form.Item label="bar" name={[1,'bar']}>
<Bar/>
</Form.Item>
</>
)
}}
</Form.List>
这样写表单submit成功后,拿到的结果会是这样的结构
{
...
list:[
{
foo:'xxx'
},
{
bar: 'xxx'
}
]
...
}
这里的list要是支持对象就好了,某些场景下数组确实很不方便。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我记得name支持多级的