程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了从搜索 API 获取项目的最佳方式是什么?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决从搜索 API 获取项目的最佳方式是什么??

开发过程中遇到从搜索 API 获取项目的最佳方式是什么?的问题如何解决?下面主要结合日常开发的经验,给出你关于从搜索 API 获取项目的最佳方式是什么?的解决方法建议,希望对你解决从搜索 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?我认为的解决方案只是放置一个按钮并在点击后搜索,但它只会消除所有动态。

解决方法

您可以使用 throttledebounce 来限制函数被调用的次数。

您不需要使用 _,如果您愿意,可以自己编写。

大佬总结

以上是大佬教程为你收集整理的从搜索 API 获取项目的最佳方式是什么?全部内容,希望文章能够帮你解决从搜索 API 获取项目的最佳方式是什么?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: