React native 我将如何在我的React原生应用程序中创建搜索筛选栏？

我有一个叫做Map的函数组件，其中PDF名称存储在一个对象中。我在屏幕上显示这些PDF名称，但我想创建一个搜索栏，在那里我可以搜索PDF名称，因为有很多，并根据搜索过滤我的结果。我有办法做到这一点吗？我的代码如下所示，其中所有pdf名称都存储在屏幕上并显示在{item}中。因此，我基本上希望搜索存储在该变量中的文本（pdf名称）。请帮忙

const Map = ({props}) => {
...
return (
      <View> 
        <List>
             {
               Object.keys(pdf).map((item)=>
                 { 
                   return(<Text> {item} </Text>)
                 }
              }
        </List>
      </View>
     )
}

const-Map=（{props}）=>{
...
返回(
{
Object.keys（pdf）.map（（项目）=>
{ 
返回（{item}）
}
}
)
}

假设这是您的PDF数组列表

pdfList = [
    {name: 'Felipe Calderon', year: 2012},
    {name: 'Rocio Calderon Martinez', year: 2012},
    {name: 'Laura Martinez Calderon', year: 2012},
    {name: 'Marcos Alberto Gonzales Calderon', year: 2012}, 
    {name: 'Brenda Calderon Ibañez', year: 2012},   
];

您可以创建一个发送搜索查询的函数，这里的示例“Calderon”是您的搜索查询

let searchResult = pdfList.filter(({name}) => name.includes('Calderon'));

Console.log(searchResult)

---

现在，使用此搜索结果并更新用于在UI中显示PDF列表的状态数据。

除了这个youtube之外，没有任何东西对我有帮助。我将为那些没有在React Native中创建搜索筛选栏的人保留此帖子，因为该视频确实完美地完成了我想要的PDF列表

没有真正遵循你所说的“更新我的状态数据”的意思，因为你的解决方案不是只搜索一个条目吗？而不是根据用户输入的内容进行过滤？我希望它成为一个搜索栏（使用）用户在搜索栏中输入文本，显示的PDF名称列表根据用户输入的内容而缩小。您的解决方案硬编码名称包括哪些内容，但我不想这样做，因为有太多的条目，它们已经存储在我的PDF数组中。