antd upload 清空 fileList
时间: 2023-07-20 10:05:26 浏览: 130
要清空 `fileList`,可以通过在 `Upload` 组件上设置 `fileList` 属性为一个空数组 `[]` 来实现。例如:
```jsx
import React, { useState } from 'react';
import { Upload, Button } from 'antd';
const MyUpload = () => {
const [fileList, setFileList] = useState([]);
const handleUpload = () => {
// 处理上传代码
};
const handleClear = () => {
setFileList([]);
};
return (
<div>
<Upload fileList={fileList}>
<Button>选择文件</Button>
</Upload>
<Button onClick={handleUpload}>上传</Button>
<Button onClick={handleClear}>清空</Button>
</div>
);
};
export default MyUpload;
```
在上面的例子中,我们使用 `useState` 声明了一个 `fileList` 状态,并在 `Upload` 组件上设置了 `fileList` 属性。同时,我们还创建了两个按钮:一个用于上传文件,另一个用于清空 `fileList`。当点击清空按钮时,我们通过调用 `setFileList` 方法并传入一个空数组来清空 `fileList`。