从 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 <></>;
}