Ant Design Upload 限制重复上传图片

可以通过判断图片是否存在来控制上传按钮是否可用。具体可以在上传之前，先检查图片是否已经存在，如果存在则设置上传按钮为不可用状态，否则设置为可用状态。以下是一个简单的示例代码：

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

const App = () => {
  const handleUpload = (file) => {
    // 判断图片是否已存在的逻辑
    const isImageExist = checkImageExist(file);
    
    if (isImageExist) {
      // 图片已存在，设置上传按钮为不可用状态
      return false;
    } else {
      // 图片不存在，进行上传操作
      // ...
    }
  };

  const checkImageExist = (file) => {
    // 判断图片是否已存在的逻辑
    // ...
  };

  return (
    <div>
      <Upload beforeUpload={handleUpload}>
        <Button icon={<UploadOutlined />}>上传图片</Button>
      </Upload>
    </div>
  );
};

export default App;

在handleUpload函数中，通过checkImageExist函数来判断图片是否已存在。如果图片已存在，则返回false，设置上传按钮为不可用状态；如果图片不存在，则进行上传操作。具体的图片存在判断逻辑需要根据实际情况进行实现。