Reactjs 向用户显示“For”循环的状态

我有一个行动需要相当长的时间才能完成。它将在一个包含超过250k个条目的数组中循环。每个条目都将执行一些逻辑。我想通知用户操作的进度，这将是：

let progress=（i/array.length）*100

如何将其添加到redux存储或组件状态，以便在UI中传达当前进度

我尝试调度一个操作（如下所示），用当前迭代器更新存储进度，但reducer只在创建for循环时执行

export const generateKeyMap=（mapFrom，mapTo）=>{
返回异步（调度）=>{
等待调度（startGeneration（））{
调度（buildKeyMap（mapFrom，mapTo））；
}, 100);
};
};
导出常量buildKeyMap=（mapFrom，mapTo）=>{
返回异步（调度）=>{
设keyMap={}；
for（设i=0；i等待分派（reportProgress（i））；//一个可能的（简单的）选项是批量处理您的列表，例如将25万个项目拆分为100个2500个项目的列表，然后在处理完每个列表后进行更新。我非常喜欢这个概念。我将研究如何实现这个想法。