react+antd的upload限制只上传一个文件

原文链接：https://blog.csdn.net/weixin_43684142/article/details/107317031

react+antd的upload限制只上传一个文件

目前在做一个react+antd的项目，在使用antd（3.26.16版本）中的Upload上传，网上很多教程但是不太好改写为自己所用，发现antd的官方文档自带解决办法，一行搞定！！！！！！

需求：只能上传一个文件，上传第二个文件时候会有提示，并保留第一个文件

问题：上传第二个文件提示后，第一个文件也一起被消失了

解决：e.fileList = e.fileList.slice(-1);

// -1只能上传一个文件，-2能上传两个，以此类推

e.fileList = e.fileList.slice(-1);

你没看错就是一行代码，当然如果需要来个判断提示的话也可以的，如下：

// 当上传两个文件时提示警告

if (e.fileList.length === 2) {
    e.fileList = e.fileList.slice(-1);
    message.warning("一个版本只能上传一个文件")
};

警告warning也是antd中自带的，引入就好

import { message } from 'antd';

需要根据自己的代码简单改写，antd官方文档中有详细代码

antd中Upload链接: https://3x.ant.design/components/upload-cn/.
antd中Message链接: https://3x.ant.design/components/message-cn/.