javascript - Github 用户查找器 api，如何每次搜索返回多个用户？ JS

Question

您好，我正在使用 github api 创建 github 用户查找器。我的问题是如何操作 api 链接以获得包含搜索栏的 e.target.value 的用户，而不仅仅是那个完全匹配的用户。

这是我的代码

const [finalData, setFinalData] = useState([]);

const handleSearch = async (e) => {
try {
  const URL = `https://api.github.com/users/${e.target.value}? 
  client_id=e25d1dbedde5215999ef&client_secret=ee080580b7c4f19688ccaef6844c3fe88bb811d`;

  Promise.all([fetch(URL).then((res) => res.json())]).then((data) => {
    if (data) {
      setData(data);
    }
  });
  } catch (err) {
  console.log(err);
  }
  };

 const setData = (data) => {
  data && setFinalData(data);
  };

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

Answer 1

您可以使用 Search users endpoint .有一个查询参数 (q) 允许您使用记录的多个搜索条件 here

这是一个使用 Octokit 的例子, 但如果你仍然想使用 fetch，端点应该是 https://api.github.com/search/users

注意:我真的希望您在这里公开的客户端 secret 是用于测试应用程序。

<表类="s-表"><头>搜索 GitHub 用户 View in Fusebit

const userSearch = ''; // Specify the search text here
const usersResponse = await octokit.rest.search.users({
   q: userSearch,
   per_page:100
});

const { total_count, items } = usersResponse.data;
console.log(`Listing ${items.length} users of ${total_count} \n`, items.map(user => user.login));