请问React Ant design pro中使用upload组件如何限制只能上传一个文件？

Z时代
2024-01-10
分类：技术分享

我用的是Beforeupload的方法，如果直接返回true或者false，文件上传不受影响，在网上找了解决方法，说是使用promise方法，但是这样点击文件上传后总是出现白屏，请问该如何解决呢？

const[upfileList,setUpfileList] = useState<[]>([])                         //上传文件的列表，只允许上传一个文件
const handleBeforeUpload=(file:any)=>{
return new Promise((resolve,reject)=>{
if(upfileList.length==0){
setUpfileList(file)
return resolve(true);
}
else{
message.warn('仅支持上传一个文件！')
return reject(false);
}
})}