Javascript 我的渲染有问题，你能给我解释一下吗？

我对这门语言不熟悉，周五我需要做点什么， 这就是我的问题：/App.js:JSX值应该是表达式或引用的JSX文本（68:21）

这是我的全部代码：

我尝试了多种解决方案，比如map，但我在使用map时，它说map没有定义， 我已经坚持了两天了，我被困在这上面了

import React，{Component，}来自'React'；
导入{
文本、视图、样式表、安全区域视图、文本输入、平面列表、键盘、图像、活动指示器
}从“反应本机”；
从“expo常量”导入常量；
从“反应本机矢量图标/离子图标”导入图标；
从“react native Animatable”导入*作为可设置动画；
//可以从本地文件导入
从“./components/AssetExample”导入AssetExample；
从“./assets/Users.json”导入用户；
//或npm中可用的任何纯javascript模块
从“react native paper”导入{Card}；
const users=require（'./assets/users.json'）；
类应用程序扩展组件{
建造师（道具）{
超级（道具）；
此.state={
搜索键：“”，
}
} 
状态={
搜索引擎：错误
}
componentDidMount（）{
this.KeyboardDidShow=Keyboard.addListener（'KeyboardDidShow'，this.KeyboardDidShow）
this.KeyboardWillShow=Keyboard.addListener（'KeyboardWillShow'，this.KeyboardWillShow）
this.KeyboardWillHide=Keyboard.addListener（'KeyboardWillHide'，this.KeyboardWillHide）
}
键盘显示=（）=>{
this.setState（{searchBarFocused:true}）
}
键盘将显示=（）=>{
this.setState（{searchBarFocused:true}）
}
键盘将隐藏=（）=>{
this.setState（{searchBarFocused:false}）
}
render（）{
const filteredData=users.filter（（项）=>{
返回项.first\u name.indexOf（this.state.searchKey）>=0
})
返回(
this.setState（{searchKey:value}）}
/>
{
返回{filteredData.first_name}
}
keyExtractor={item=>item.id}
/>
)
}
}
导出默认应用程序；
const styles=StyleSheet.create({
});您似乎也忘记了将数据传递给FlatList：

{
返回{item？.first_name}；
}}
keyExtractor={（项）=>item.id}
/>
我认为
renderItem
平面列表上的prop

组件缺少包装花括号

{}