从Github API请求数据

问题描述

我想从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();

但是在浏览器中什么也没显示，这是获取数据的正确方法吗？

解决方法

这完全取决于您要在哪里调用这段代码。

例如，假设您需要在要显示的组件渲染后立即调用它。在这种情况下，您将需要使用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 <></>;
}