gpt4 book ai didi

javascript - React 中的加载器

转载 作者:行者123 更新时间:2023-12-01 02:24:52 27 4
gpt4 key购买 nike

我注意到现代 React 应用程序中的这一趋势,顶部有一个水平条(类似于 YouTube 和 GitHub 中的水平条),它在组件显示之前就填满了。我假设加载程序不在那里显示,因为当连接非常慢时,加载程序似乎卡住了。

如何在 React 中实现此功能

最佳答案

我认为您看到的大多数加载栏实际上在跟踪进度方面都是假的,但在跟踪 ajax 请求何时发出以及该 ajax 请求何时收到响应方面是真实的。

有一个很棒的库,名为 NProgress - http://ricostacruz.com/nprogress/它没有依赖项并实现了一个假加载栏。它还提供了将其连接到不同库的示例。

可能有该库的 React 包装器或类似的包装器可以将其放入您的 UI 中。您还必须将其连接到页面上发出的任何 ajax 请求。

关于javascript - React 中的加载器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48894819/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com