React多文件上传时State数组被覆盖的问题求助

开发的系统支持用户上传Excel文件，文件内容会被读取到状态MultipleFileTableData.ExcelData并通过AntD Table展示。用户选择文件后，文件上传至API，API返回原文件名和系统存储文件名；上传完成后，系统更新状态标记文件已上传，并添加存储文件名。

单文件上传功能正常，但多文件上传时出现状态覆盖问题：第一个文件上传完成后已标记为上传状态并添加存储文件名，处理第二个文件后，第一个文件的状态会还原为未上传。

问题出在MultipleCertificateFileUploadProcessFile函数的状态更新逻辑中。当前代码直接从MultipleFileTableData.ExcelData获取数据修改，而React状态更新是异步的，多文件并行上传时，每个文件的回调拿到的都是组件初始渲染时的旧状态。第二个文件的更新会基于旧状态重新生成数据，直接覆盖掉第一个文件的修改结果。

使用React的函数式状态更新，调用SetMultipleFileTableData时传入接收前一状态的函数，基于最新的前一状态修改数据，确保每次状态更新都基于最新值，避免覆盖问题。

将MultipleCertificateFileUploadProcessFile中状态更新的部分修改为：

const MultipleCertificateFileUploadProcessFile = async (options) => {
    const { onSuccess, onError, file, onProgress } = options;
    
    const UploadProgressHandler = (event) => {
        const percent = Math.floor((event.loaded / event.total) * 100);
        setProgress(percent);
         if (percent === 100) {
             setTimeout(() => setProgress(0), 1000);
         }
        onProgress({ percent: (event.loaded / event.total) * 100 });
    }

    const Data = new FormData();
    Data.append("CertificateFile", file);

    try {
        CertificateService.UploadCertificateFile(Data, UploadProgressHandler)
        .then((resp) => {
            if (resp.data.code == '200'){
                // 基于最新的前一状态修改数据
                SetMultipleFileTableData(prevState => ({
                    ...prevState,
                    ExcelData: prevState.ExcelData.map(p => 
                        p["Certificate Filename"] === resp.data.UploadedOriginalFileName 
                            ? {...p, FileUploaded: 'Y', UploadedFileName: resp.data.UploadedFileName}
                            : p
                    )
                }));
                onSuccess("Ok");
            } else {
                message.error(<div>Unable to process file '{resp.data.CertificateFileName}': {resp.data.msg}</div>)
                console.log("Error - ", resp.data);
                onError(resp.data);
            }
            console.log("resp", resp);
        });
    } catch (err) {
        console.log( err);
        onError(err);
    }
}

内容的提问来源于stack exchange，提问作者Neo