如何在ant 的表单Form.Item下获取自定义表单元素的值

最新推荐文章于 2026-05-10 11:28:09 发布

原创

最新推荐文章于 2026-05-10 11:28:09 发布 · 5.1k 阅读

标签

#javascript

收录于

本文介绍了在Ant Design的Form.Item下如何获取自定义表单元素的值，提供了两种解决方案。一种是通过Form.Item的嵌套来分别获取每个表单项的值，另一种是创建自定义组件并利用onChange方法将多个值返回给FormItem。通过自定义组件，可以将多个Select的值组合成一个对象返回，从而在父组件中通过getFieldsValue获取到完整的数据。

如何在ant 的表单Form.Item下获取自定义表单元素的值

有时我们会遇到开发需求一个FormITem下有多个表单项的值需要获取，这时候我们就需要自定义表单元素，来获取，举例来说假如我一个Form.Item有多个表单项

 <FormItem name="select",label="多个选择">
         <Select>
			  <Option label="漩涡鸣人" value="xuanwo"> 漩涡鸣人</Option>
  			  <Option label="玖辛奈" value="jiuxinnai"> 玖辛奈</Option>
         </Select>
         <Select>
			 <Option label="宇智波佐助" value="zuozhu"> 宇智波佐助</Option>
             <Option label="宇智波鼬" value="you"> 宇智波鼬</Option>
         </Select&g