Reactjs 基于文件的Antd上载更改数据

我使用的是antd upload，我想根据文件名动态更改上传数据。目前，这适用于单文件上载，请参见以下内容：

function MyUpload() {
    const [fileName, setFileName] = useState();

    return (
        <Upload
            action='...'
            uploadType='...'
            data={{
                fileName: fileName
            }}
            beforeUpload={(file: File, _) => setFileName(file.name)}
            directory={false}
        >
    );
}

函数MyUpload（）{
const[fileName，setFileName]=useState（）；
返回(
setFileName（file.name）}
目录={false}
>
);
}

当我尝试创建目录上载字段时，就会出现问题。如果我将上面的

目录

更改为true，则会对每个文件调用几次

beforeUpload

，但唯一的

文件名

集是最后处理的文件名。因此，所有不同的文件都将处理最后一个文件的上载数据

我想知道是否有一种方法可以使用这种方法，或者是一种更好的方法来设置数据属性中的值，以动态方式反映正在上载的当前文件

提前谢谢