從 Github api 請求數據

Question

我想從https://docs.github.com/en/rest/reference/users#list-users導入數據（獲取用戶），JS 文件（reactjs）中的代碼就像

const { Octokit } = require("@octokit/rest");
const octokit = new Octokit();

async function myAsyncMethod() {
  const result = await octokit.request("GET /users");
  console.log(result.data);
}
myAsyncMethod();

但是在瀏覽器中，沒有顯示任何內容，這是獲取數據的正確方法嗎？

Answer 1

這完全取決於您想在哪里調用這段代碼。

例如，假設您需要在要顯示的組件呈現后立即調用它。 在這種情況下，您將需要使用useEffect鈎子，並從那里調用您的函數。

請參閱以下代碼段（我使用組件App僅作為示例）。

import React, { useEffect } from "react";
const { Octokit } = require("@octokit/rest");

export default function App() {
  const octokit = new Octokit();

  useEffect(() => {
    getGithubUsers();
  });

  async function getGithubUsers() {
    const result = await octokit.request("GET /users");
    console.log(result.data);
  }

  return <></>;
}