如何在React/Redux中卸载之前以100%显示进度条组件

Question

我在加载一个大列表时显示了一个ProgressBar组件。加载列表后，我希望进度条在卸载前显示100%完成。问题是代码看起来像这样：

if(listIsLoading) {
return (<ProgressBar listIsLoading={listIsLoading} />);
} else {
return (<List />);
}

当listIsloading为false时，ProgressBar组件中会设置100%值。但按照目前的设置方式，ProgressBar在显示100%之前就已经卸载了。列表请求和设置listIsLoading值是在一个单独的redux模型中处理的，所以我不能从这些redux函数中操作组件。

我认为在加载List和卸载ProgressBar之间需要一些延迟。但我想在添加超时和其他内容之前，我应该先查看一下这里，看看是否有更优雅的解决方案。

有什么想法吗？

Answer 1

如何设置listIsLoading true或false？在设置为true或false之前的简单延迟应该有效，您是否使用useEffect？