Javascript 从Github api请求数据

我想从中导入数据（获取用户） JS文件（reactjs）中的代码如下

---

但是在浏览器中，没有显示任何内容，这是获取数据的正确方法吗？

这取决于您希望在何处调用这段代码

例如，假设您需要在渲染要显示的组件后立即调用它。在这种情况下，您需要使用

useffect

hook，并从那里调用函数

请参阅下面的代码（我正在使用组件

App

作为示例）

import React，{useffect}来自“React”；
const{Octokit}=require（@Octokit/rest”）；
导出默认函数App（）{
const octokit=新的octokit（）；
useffect（（）=>{
getGithubUsers（）；
});
异步函数getGithubUsers（）{
const result=等待octokit.request（“获取/用户”）；
console.log（result.data）；
}
返回；
}

这一切都取决于您想在哪里调用这段代码

例如，假设您需要在渲染要显示的组件后立即调用它。在这种情况下，您需要使用

useffect

hook，并从那里调用函数

请参阅下面的代码（我正在使用组件

App

作为示例）

import React，{useffect}来自“React”；
const{Octokit}=require（@Octokit/rest”）；
导出默认函数App（）{
const octokit=新的octokit（）；
useffect（（）=>{
getGithubUsers（）；
});
异步函数getGithubUsers（）{
const result=等待octokit.request（“获取/用户”）；
console.log（result.data）；
}
返回；
}

在哪里添加此代码？在index.js文件中在哪里添加此代码？在index.js文件中

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

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

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