大佬教程收集整理的这篇文章主要介绍了从搜索 API 获取项目的最佳方式是什么?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 React 应用程序,它使用 Github 搜索 API 获取 Github 存储库,函数如下所示;
const searchEverything = (input: String) => {
if (input.length > 2) {
setSearchPageStatus(true);
fetch(`https://API.github.com/search/repositorIEs?q=${input}`)
.then((res) => res.Json())
.then((data) => {
setRepoCount(data.@R_389_10586@l_count);
setRepos(data.items);
});
fetch(`https://API.github.com/search/users?q=${input}`)
.then((res) => res.Json())
.then((data) => {
setUserCount(data.@R_389_10586@l_count);
setUsers(data.items);
});
} else {
setSearchPageStatus(false);
}
};
所以我得到像这样具有“onChange”属性的项目;
<input onChange={(E) => searchEverything(e.target.value)}
type="search"
classname="header__search__input"
placeholder="Search..."
/>
我没有收到错误或类似的信息。但是正如您在每次击键时看到的那样,都有一个 API 调用,我觉得它效率不高,如果您的单词很长,可能会出现 403 错误。那么有没有更好的方法来使用这个 API?我认为的解决方案只是放置一个按钮并在点击后搜索,但它只会消除所有动态。
您可以使用 throttle
或 debounce
来限制函数被调用的次数。
您不需要使用 _
,如果您愿意,可以自己编写。
以上是大佬教程为你收集整理的从搜索 API 获取项目的最佳方式是什么?全部内容,希望文章能够帮你解决从搜索 API 获取项目的最佳方式是什么?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。