antd的文件上传组件怎么写出请上传JSON文件压缩包，只支持.zip

您可以使用antd的Upload组件，结合beforeUpload属性和accept属性实现您的需求。

1. 在Upload组件中设置accept属性为".zip"，表示只接受.zip格式的文件上传。

<Upload
  accept=".zip"
  beforeUpload={beforeUpload}
>
  <Button icon={<UploadOutlined />}>Click to Upload</Button>
</Upload>

2. 在beforeUpload函数中判断上传的文件是否为.zip格式，如果不是则返回false，否则返回true。

const beforeUpload = (file) => {
  const isZip = file.type === 'application/zip';
  if (!isZip) {
    message.error('请上传ZIP文件压缩包！');
  }
  return isZip;
};

完整代码如下：

import { Upload, message, Button } from 'antd';
import { UploadOutlined } from '@ant-design/icons';

const beforeUpload = (file) => {
  const isZip = file.type === 'application/zip';
  if (!isZip) {
    message.error('请上传ZIP文件压缩包！');
  }
  return isZip;
};

const MyUpload = () => {
  return (
    <Upload
      accept=".zip"
      beforeUpload={beforeUpload}
    >
      <Button icon={<UploadOutlined />}>Click to Upload</Button>
    </Upload>
  );
};

export default MyUpload;