antd Upload onChange 传参数

最新推荐文章于 2025-04-29 17:10:18 发布

原创最新推荐文章于 2025-04-29 17:10:18 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

react 同时被 2 个专栏收录

29 篇文章

订阅专栏

antd

11 篇文章

订阅专栏

本文介绍如何在表单组件Form.Item中，通过Upload控件的onChange事件传递额外参数，以便更灵活地处理文件上传。示例代码展示了如何结合使用file和记录对象进行操作。

项目中再table 中添加Upload,Upload中onChange只能返回file参数，如果相对起添加其他参数方便处理可以用下面方法
onChange={(file) => this.handleUploadFileOnChange(file,record)

<Form.Item key={index}  required>
 {getFieldDecorator(`table[${record.key}].example`, {
  initialValue: typeof(text)=='string' ? undefined : text})
  ( <Upload {...props} fileList={this.state.fileList} 
   onChange={(file) =>  this.handleUploadFileOnChange(file,record) } >
            <Button>选择文件</Button>
     </Upload>
       )}
</Form.Item>