Question

我正在创建一个webapp on react，当你搜索用户时，你可以查看用户公共要点，文件和分叉他们项目的人。

我以前能够通过循环遍历值来获取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时，我有点迷失了从这些数组中读取数据的函数，例如files，forks_url，owner属性等，因为我无法获取值。< / p>

我正在调用这样的数据：

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

Answer 1

在gist网址https://api.github.com/gists/public

中

用户信息在所有者对象下，如果那就是你要找的东西。

用于在表格中呈现要点信息的伪代码：

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

希望这会有所帮助。如果您仍然遇到麻烦，请告诉我：D

阅读Github的公共要点并在Reactapp中存储值

1 个答案: