从Github api请求数据

Question

我想从https://docs.github.com/en/rest/reference/users#list-用户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 <></>;
}