form

antd的`FormItem`中的`value`属性通常是与表单数据关联的。对于包含按钮和弹出modal的场景，你可能需要使用`getFieldDecorator`来将表单项与`value`关联起来，以便在表单提交时能够获取所选的值。

首先，确保你在`FormItem`中使用了`getFieldDecorator`，例如：

```jsx
<Form.Item label="Your Label">
{getFieldDecorator('yourFieldName', {
rules: [{ required: true, message: 'Please select at least one option' }],
initialValue: [], // 初始值，可以是空数组
})(
// 这里放置你的按钮和弹出modal的逻辑
)}
</Form.Item>
```

在这个例子中，`yourFieldName` 是与该表单项关联的字段名，`getFieldDecorator` 的 `initialValue` 属性设置了初始值，可以是空数组。

然后，你可以在弹出的 modal 中处理用户的选择，将选择的值设置到表单项的值中。通常，你可以通过 `getFieldValue` 和 `setFieldsValue` 方法来实现这一点。

```jsx
// 在弹出的 modal 中处理用户选择后
const selectedValues = ['value1', 'value2']; // 你的选择逻辑

// 获取当前表单项的值
const currentValues = form.getFieldValue('yourFieldName');

// 将选择的值设置到表单项中
form.setFieldsValue({
'yourFieldName': [...currentValues, ...selectedValues],
});
```

在这个例子中，`yourFieldName` 是你之前在 `getFieldDecorator` 中设置的字段名，通过 `getFieldValue` 获取当前的值，然后将新选择的值与当前值合并，最后通过 `setFieldsValue` 将新的值设置回表单项中。

记得在提交表单时，检查表单的校验状态，确保用户选择了至少一个值，以满足你在 `rules` 中定义的校验规则。