首页 > 解决方案 > 如何通过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”我应该如何解决这个问题?提前感谢您的帮助。

标签: javascriptreactjsreact-native

解决方案


您可以通过在 Textinput 的更改事件上调用以下函数来尝试:

     <TextInput  onChange={this.onChangeHandler} />
          
      onChangeHandler = (e)=> {
        const teamId = allTeams.filter(obj => obj.name === e.target.value)['_id']
        console.log(e.target.value, teamId)
       }
 

推荐阅读