我注意到现代React应用中的这种趋势，顶部有一个水平条（类似于YouTube和GitHub中的水平条），它在组件显示之前填满。我假设加载器不在show中，因为当连接速度很慢时，加载器似乎卡住了。
如何在React
中实现此功能答案 0 :(得分：2)
我认为你看到的大多数加载条在跟踪进度方面实际上都是假的，但在ajax请求被触发时以及当ajax请求收到响应时是真实的。
有一个名为NProgress的很棒的库 - http://ricostacruz.com/nprogress/没有依赖关系，并且实现了一个伪加载栏。它给出了将它连接到不同库的示例。
对于这个库或类似的库，可能有React包装器将它放入你的UI中。您还必须将其连接到在页面上进行的任何ajax请求。
答案 1 :(得分：0)
虽然您可以自己创建组件来处理此类功能，但有些库可以为您执行此操作。
直截了当的是：https://www.npmjs.com/package/react-redux-loading-bar