react中使用antd组件的upload 上传文件 我有两张已经生成好的图片 现在我想改变第二张图的时候重新生成第一张图的url 但是第一张图只是url变了 图像还是之前的

在 React 中使用 Ant Design 的 Upload 组件上传文件时，如果你想在第二张图改变时重新生成第一张图的 URL，你需要在 Upload 组件的 `onChange` 回调函数中处理这个逻辑。

以下是一个示例代码，演示如何在上传图片后更新第一张图的 URL：

import React, { useState } from 'react';
import ImgCrop from 'antd-img-crop';
import { Upload, Button } from 'antd';

const App = () => {
  const [imageUrls, setImageUrls] = useState([]);

  const uploadProps = {
    /* 上传图片的配置，这里只是示例，具体根据你的需求进行配置 */
    onChange: (info) => {
      if (info.file.status === 'done') {
        const newImageUrls = [...imageUrls];
        // 假设第一张图的索引为 0
        newImageUrls[0] = info.file.response.url;
        setImageUrls(newImageUrls);
      }
    },
  };

  return (
    <div>
      {/* 第一张图 */}
      <img src={imageUrls[0]} alt="Image 1" />

      {/* 第二张图的上传组件 */}
      <ImgCrop>
        <Upload {...uploadProps}>
          <Button>选择图片</Button>
        </Upload>
      </ImgCrop>
    </div>
  );
};

export default App;

在上述代码中，我们使用了 React 的 `useState` 钩子来保存图片的 URL。在 Upload 组件的 `onChange` 回调函数中，我们检查上传图片的状态是否为 'done'，如果是，则更新第一张图的 URL。

请注意，这只是一个示例代码，具体的实现可能会根据你的需求有所不同。你需要根据自己的业务逻辑来处理图片的上传和 URL 更新。