antdesignpro 清空Upload上显示的内容
时间: 2024-01-01 09:05:03 浏览: 114
您可以通过以下步骤清空 Ant Design Pro Upload 组件上显示的内容:
1. 在 state 中添加一个变量,用于存储上传文件的列表:
```javascript
state = {
fileList: [],
}
```
2. 在 Upload 组件中设置 fileList 属性为 state 中的 fileList 变量,并添加 onChange 事件处理程序:
```javascript
<Upload
fileList={this.state.fileList}
onChange={this.handleUploadChange}
>
<Button>
<Icon type="upload" /> 选择文件
</Button>
</Upload>
```
3. 在 onChange 事件处理程序中更新 fileList 变量,并将 fileList 设置为空数组,以清空上传文件的列表:
```javascript
handleUploadChange = (info) => {
let fileList = [...info.fileList];
fileList = fileList.filter((file) => {
if (file.response) {
return file.response.code === 200;
}
return true;
});
this.setState({ fileList: [] });
};
```
这样,每当上传文件列表发生变化时,handleUploadChange 函数就会被调用,它会清空 fileList 变量并更新 Upload 组件的显示。
阅读全文