Reactjs 如何在我的JS应用程序中为Google Drive文件夹创建搜索栏？

我正在建立一个网站，呈现保存在谷歌硬盘中的内容。 我使用此模板嵌入驱动器中的特定文件夹：

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" width="100%" height="600px" border="0"></iframe>

它工作得很好！但是我想在我的网站上添加一个搜索栏，这样用户就可以搜索这个嵌入文件夹中的内容。 可能吗？如果是，怎么做

以下是全部代码（使用ReactJs）：

从'react router dom'导入{useHistory}；
导入“../App.css”
导出函数SampleVideos（）{
const history=useHistory（）
常量moveToComponent=（componentRoute）=>{
history.push（`/${componentRoute}`）
}
返回(
示例视频
不能看视频吗？
moveToComponent（'VideoSupport'）}>单击此处
);
}

你好@DrorYair！如果您想在驱动器中设置搜索栏，请查看。您可以调整它以采用其搜索功能。请不要犹豫，给它一个测试，然后回信告诉我你的发现或问题。我找不到只向用户提供搜索栏的选项，b。Google Picker需要一个能够访问此服务的用户列表，并要求他们对自己的帐户拥有访问权限。如果你能与我分享你认为我可以如何实现这一点，我将不胜感激。阅读你的评论，我理解你希望任何人都能访问搜索栏。如果我的理解是正确的，那么请检查此线程及其许多解决方案。作为替代方案，您可以使用列出您的整个文件夹，并让用户浏览它。作为另一个选项，您可以充实最后一个选项，构建一个公式，要求用户提供

corpora

参数，以便稍后向驱动API请求该参数。请测试这些修复并分享您的发现。您好@DrorYair！如果您想在驱动器中设置搜索栏，请查看。您可以调整它以采用其搜索功能。请不要犹豫，给它一个测试，然后回信告诉我你的发现或问题。我找不到只向用户提供搜索栏的选项，b。Google Picker需要一个能够访问此服务的用户列表，并要求他们对自己的帐户拥有访问权限。如果你能与我分享你认为我可以如何实现这一点，我将不胜感激。阅读你的评论，我理解你希望任何人都能访问搜索栏。如果我的理解是正确的，那么请检查此线程及其许多解决方案。作为替代方案，您可以使用列出您的整个文件夹，并让用户浏览它。作为另一个选项，您可以充实最后一个选项，构建一个公式，要求用户提供

corpora

参数，以便稍后向驱动API请求该参数。请测试这些修复并分享您的发现。

import { useHistory } from 'react-router-dom';
import '../App.css'

export function SampleVideos() {
    const history = useHistory()
    const moveToComponent= (componentRoute) =>{
        history.push(`/${componentRoute}`)
     }


    return (
        <div>
            <h1>Sample Videos</h1>
            <iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" width="100%" height="600px" border="0"></iframe>

            
            <footer>
                Can't watch the videos?
                <span className="href-span" onClick = {()=>moveToComponent('VideoSupport')}>Click Here</span>
            </footer>
       </div>
    );
}