如何從 GitHub API 獲取數據

Question

我正在編寫一個功能 ReactJS 應用程序來搜索 GitHub 用戶並將它們顯示在列表中。 用戶列表應顯示用戶存儲庫的數量。 但問題是我不知道如何獲取每個用戶的存儲庫列表，但我只知道如何搜索一個特定用戶的存儲庫。

在主頁上，我搜索名稱與輸入值匹配的用戶並獲取匹配列表。 如果我 go 到該用戶的頁面，那么在其中我已經可以獲得該用戶的列表和存儲庫的數量，但為此我必須為該用戶向服務器發送單獨的請求。

是否有任何解決方案可以讓我在主頁上顯示每個用戶的存儲庫數量？

CodeSanbox 鏈接

在 Sanbox 我的代碼是不穩定的，但我希望，要點必須清楚

最后它應該看起來像這樣，但是 ## 符號應該是每個用戶的 repos 計數

Answer 1

您可以計算從此處獲取數據的特定存儲庫： https://api.github.com/users/**username**/repos

並使用以下方法計算響應中的項目數：

Object.keys(resultData).length;

這里的resultData是上面API的GET響應

Answer 2

您可以使用 axios 庫，將其導入，然后將 useEffect 或 useState 添加到您的程序中。

他們的文檔應該會有所幫助。 然后您可以通過帶有鍵的數組中返回的元素 map。 您還可以計算項目的數量並獲取其對應的索引。