Reactjs 有没有一种方法可以检测react中的API调用？

我想为react组件中的每个API调用实现加载微调器/bar。除了在请求/响应期间以布尔状态实现它的典型方法外，是否有一种react可以在HOC中实际检测到它的方法？比如如何在XHTML中使用ajaxStatus primefaces来实现它。

如果您使用Axios进行API调用，请尝试使用该包

它可以自动工作，使用检测每个API调用

它也很容易使用

与Axios一起使用时，需要执行三个步骤：

S1。像往常一样添加这些包

yarn add axios
yarn add axios-progress-bar

S2。在

index.js

中，添加以下行：

import { loadProgressBar } from 'axios-progress-bar'
loadProgressBar()

S3。在

index.html

中，添加以下行：

<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/rikmms/progress-bar-4-axios/0a3acf92/dist/nprogress.css" />

如中所述，这可以通过修补可以执行HTTP请求的API、

XMLHttpRequest

和

fetch

来实现。不鼓励为个人目的以非标准方式改变全球行为

为了保持对请求的关注，API调用应该增加计算已启动和已完成请求的代码。仅设置布尔状态是不够的，因为可能存在同时的请求

Axios是著名的库，它提供了实现这一点的功能。它以AngularJS

$http

为模型，引入了拦截器的概念，可以用于指定的目的，而无需包装每个http请求API调用

---

另一个答案中链接的

axios进度条

就是一个很好的例子，说明了如何使用axios实现这一点。基本上，当计数器值从0变回0时，它会发生变化。它可以使用React组件而不是非React进度条进行少量更改。

检测请求不是React的责任，而是开发人员的责任。这个问题甚至没有具体说明如何处理请求。这是一个非常有用的信息。谢谢。@优素福在堆栈溢出，你可能会考虑一个答案，如果它是有用的。这种方式将使我们的社区变得更好，每个人都能从他们的贡献中得到一些东西。此外，“避免在堆栈溢出时使用诸如“+1”或“谢谢”之类的注释。