react antd多选上传

您可以使用antd中的Upload组件和Checkbox.Group组件来实现多选上传功能。首先，您需要引入antd的Upload和Checkbox组件：

import { Upload, Checkbox } from 'antd';

然后，您可以在render函数中渲染Upload和Checkbox组件，并将它们包裹在一个Form.Item组件中：

<Form.Item>
  <Upload
    fileList={this.state.fileList}
    beforeUpload={this.handleBeforeUpload}
    onChange={this.handleUploadChange}
  >
    <Button icon={<UploadOutlined />}>选择文件</Button>
  </Upload>
  <Checkbox.Group options={this.state.options} onChange={this.handleCheckboxChange} />
</Form.Item>

在上面的代码中，我们将Upload组件的fileList属性设置为组件状态中的fileList数组，并设置beforeUpload和onChange回调函数来处理上传文件和文件列表的变化。我们还将Checkbox.Group组件的options属性设置为组件状态中的options数组，并设置onChange回调函数来处理多选框的变化。

最后，您需要在组件的状态中定义fileList和options数组，并编写处理上传和多选框变化的回调函数：

constructor(props) {
  super(props);
  this.state = {
    fileList: [],
    options: [
      { label: '选项1', value: '1' },
      { label: '选项2', value: '2' },
      { label: '选项3', value: '3' },
    ],
    checkedValues: [],
  };
}

handleBeforeUpload = (file) => {
  this.setState((state) => ({
    fileList: [...state.fileList, file],
  }));
  return false;
};

handleUploadChange = ({ fileList }) => {
  this.setState({ fileList });
};

handleCheckboxChange = (checkedValues) => {
  this.setState({ checkedValues });
};

在上面的代码中，我们在handleBeforeUpload函数中将上传的文件添加到fileList数组中，并返回false以阻止自动上传。在handleUploadChange函数中，我们更新组件状态中的fileList数组以反映上传文件的变化。在handleCheckboxChange函数中，我们更新组件状态中的checkedValues数组以反映多选框的变化。

希望这可以帮助您实现react antd的多选上传功能。