javascript - 如何通过TextInput在React Native中访问对象数组中的数据
问题描述
我在控制台中有一组对象。我想获取用户在 TextInput 中输入的名称的 ID。这是结果:
console.log("All teams", Teams);
console.log("Selected team: ", myTeam);
All teams:
Array [
Object {
"__v": 0,
"_id": "616e33b163d7ed23e95a9d98",
"name": "test_team",
},
Object {
"__v": 0,
"_id": "6181c5b3b5dfd98d4206e915",
"name": "Team2",
},
Object {
"__v": 0,
"_id": "6181c5d9b5dfd98d4206e919",
"name": "team3",
},
Object {
"__v": 0,
"_id": "6181c5e0b5dfd98d4206e91c",
"name": "team4",
},
Object {
"__v": 0,
"_id": "6181c5e4b5dfd98d4206e91f",
"name": "team5",
},
Object {
"__v": 0,
"_id": "6181c681b5dfd98d4206e924",
"name": "team6",
},
Object {
"__v": 0,
"_id": "618a046dbdb0ee4648b9da0f",
"name": "sprinters",
},
Object {
"__v": 0,
"_id": "618a058ebdb0ee4648b9da15",
"name": "phone stepper",
},
]
入选球队:Team2
Team2 的值来自用户的条目,我需要获取此条目的“_id”的值,例如“该条目的 id 为:6181c5b3b5dfd98d4206e915”我应该如何解决这个问题?提前感谢您的帮助。
解决方案
您可以通过在 Textinput 的更改事件上调用以下函数来尝试:
<TextInput onChange={this.onChangeHandler} />
onChangeHandler = (e)=> {
const teamId = allTeams.filter(obj => obj.name === e.target.value)['_id']
console.log(e.target.value, teamId)
}
推荐阅读
- c# - 使用 C# 以编程方式在 Xamarin 上编写对象 ID 名称
- javascript - 我想修改这个文本
- javascript - matNoDataRow 显示“未找到数据”,即使数据源(Angular 10.0.8)中有记录使用角度材料在多个选项卡之间切换
- github - 在 PR 合并后,有没有办法在另一个 repo 中的 PR 上触发 CircleCI 工作流程?
- sql - 在 PostgreSQL 中如何检索具有特殊字符和字母的列
- javascript - 使用 Javascript 显示每个按钮单击的 HTML 内容
- java - 将 Qute TypeSafe 模板与 Kotlin 一起使用时出现 java.lang.UnsatisfiedLinkError
- c++ - 在 Windows 上使用 _vscwprintf 处理 utf-8 编码字符串时失败
- python - 如何从 Celery/Django 流式传输 IOT 信号?
- google-apps-script - 从 Google 表格中的某个范围内查找值