时间戳

首页 > 解决方案 > 在 React 上使用来自 Youtube v3 API 的 maxResults

node.js - 在 React 上使用来自 Youtube v3 API 的 maxResults

问题描述

我刚刚在我的 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 中，但我希望以这种样式导入它

标签： node.jsreactjsyoutube-data-api

解决方案

好的，我找到了问题的根源。为了在 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);
});

推荐阅读