React useEffect和Axios:在“ then”内进行链接的API调用

时间:2020-05-09 20:36:03

标签: reactjs promise axios react-hooks use-effect

我正在使用NHL API,并正在为我的应用程序检索曲棍球统计数据。该API有多个用于访问玩家统计信息的端点。

Roster endpoint

https://statsapi.web.nhl.com/api/v1/teams/3/roster

检索到这些数据后,我可以访问一个名为person的对象,该对象包含该个人玩家的API端点的ID号,该API端点包含血统信息(即,他们来自的国家/地区,身高/体重等)。然后,我可以发送一个如下所示的API请求,以检索该个人玩家的更多数据,在这种情况下,8476191是ID号。

Pedigree Info endpoint:

https://statsapi.web.nhl.com/api/v1/people/8476191

我还可以将ID号8476191传递到一个统计端点,该端点包含同一位玩家的统计信息。

Stats endpoint:

https://statsapi.web.nhl.com/api/v1/people/8476191/stats?stats=statsSingleSeason&season=20182019

我想做的是向Roster endpoint发送请求,获取花名册上每个玩家的ID号,然后对Pedigree info endpoint和{{1 }}使用ID号。

如何向清单端点发出stats endpoint获取请求,然后在可以从第一个调用访问ID号的调用中嵌套另外两个获取请求?这是我尝试过的:

Axios

1 个答案:

答案 0 :(得分:2)

无需保持状态,这是使用闭包进行操作的方法:

utf8mb4