阅读 Github 中的 public 要点并将值存储在 React App 中

Question

我正在 React 上创建一个 Web 应用程序，当您搜索用户时，您可以查看该用户 public 要点、文件和已分叉其项目的人员。

我之前能够通过循环遍历值从 https://api.github.com/users?since=1234 获取值：

<div>
    {
      users.map((user, i) => {
        return <Usercard
          key={users[i].id}
          //Virtual DOM needs key prop to keep track of cards
          username={users[i].login}
          avatar={users[i].avatar_url}
          profile={users[i].html_url}
          />
      })
    }
</div>

然而，当我使用 https://api.github.com/gists/public 时，我对从这些数组组（如文件、forks_url、所有者属性等）读取数据的功能有点迷茫，因为我无法获取值。

我是这样调用数据的：

componentDidMount() {
  fetch('https://api.github.com/users')
  .then(response => response.json())
  .then(users => this.setState({users: users}));
}

Answer 1

要点 URL https://api.github.com/gists/public

用户信息在 owner 对象下，如果这就是您要查找的内容。

在 table:

中呈现 gists 信息的伪代码

 const renderUserInfo = data.map((value, key) => {
        return <tr key={key}>
            <td>
                {value.owner.login}
            </td>
            <td>
                {value.owner.url}
            </td>
        </tr>
    });

希望这对您有所帮助。如果您仍有问题，请告诉我 :D

阅读 Github 中的 public 要点并将值存储在 React App 中

Read public gists from Github and storing values in Reactapp

arrays

api

github

github-api

reactjs