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

从 Github api 请求数据

request data from Github api

javascript

github-api

reactjs

octokit