在antd的上传组件中,可以使用beforeUpload属性来设置文件上传前的处理函数。在该函数中,可以通过清空已经上传的文件记录来实现上传新文件时清空已上传文件记录的功能。
代码示例:
import { Upload } from 'antd';
class Uploader extends React.Component {
state = {
fileList: []
}
handleBeforeUpload = (file) => {
// 清空已上传的文件记录
this.setState({ fileList: [] });
// 继续上传
return true;
}
handleOnChange = (info) => {
const fileList = info.fileList;
this.setState({ fileList });
}
render() {
const { fileList } = this.state;
const props = {
beforeUpload: this.handleBeforeUpload,
fileList,
onChange: this.handleOnChange,
};
return (
);
}
}