在 React 上使用来自 Youtube v3 API 的 maxResults

Question

我刚刚在我的 React 应用程序中处理 youtube API，想知道是否可以使用下面的代码更改默认结果数。

它在没有设置 maxResults 值的情况下工作得很好，我希望有人能在这方面帮助我。

import YTSearch from 'youtube-api-search'    

YTSearch({key: API_KEY, term: 'hello world', maxResults: 20}, (data) =>{
   console.log(data);
});

注意*：我知道可以通过将其设为 http 请求并将 maxResult 放入 url 但我希望以这种方式导入它

Answer 1

好的，我找到了问题的根源。为了在 Node.js 服务器上运行的 React 应用程序上使用 Youtube API，您需要安装 youtube-api-search 模块：

>PROJECTDIR npm install --save youtube-api-search

我已经这样做了，但是这个模块中没有 maxResults 的定义，所以你应该去 node-modules 文件夹并找到 youtube-api-search 并添加一行：

 var params = {
    part: 'snippet',
    key: options.key,
    q: options.term,
    type: 'video',
    ADDED PART>>>>> maxResults: options.WHATEVERYOUWANT
  };

然后你可以像下面这样使用它：

YTSearch({key: API_KEY, term: 'hello world', WHATEVERYOUWANT: 20}, (data) =>{
   console.log(data);
});

在 React 上使用来自 Youtube v3 API 的 maxResults

Use maxResults from Youtube v3 APIs on React

node.js

reactjs

youtube-data-api