需求效果图:
<Form.Item label="职位" name='jobType'>
<Space size='small'>
<Select
placeholder="请选择"
>
{
jobList.map((item, index) =>
<Select.Option key={index} value={item}>{item}</Select.Option>
)
}
</Select>
<Button icon={<PlusSquareFilled />} style={{ backgroundColor: '#5CAD69', color: 'white' }}>新增</Button>
</Space>
</Form.Item>
问题:如此写法再提交时,获取到的jobType的值是undefined。
解决办法:
<Form.Item label="职位" >
<Space >
<Form.Item name='jobType'>
<Select
placeholder="请选择"
>
{
jobList.map((item, index) =>
<Select.Option key={index} value={item}>{item}</Select.Option>
)
}
</Select>
</Form.Item>
<Form.Item>
<Button icon={<PlusSquareFilled />} style={{ backgroundColor: '#5CAD69', color: 'white' }}>新增</Button>
</Form.Item>
</Space>
</Form.Item>
将里面的两个组件分别再用Form.Item进行包裹,然后将name属性写在里面Select组件外层的Form.Item上去,提交后,可正常获取。