React Native Material 下拉菜单从 json 数据中获取 id

Question

我在我的 react native 项目中使用了react-native-material-dropdown。我正在从API 获取数据。

问题是我在下拉列表中成功获取名称，但我想要该选定名称的hotelId。我无法解析下拉列表中的整个 JSON。

JSON：

    {
            "message": "Success",
            "notificationCount": 0,
            "result": [{
                "hotelId": "india3c71a2b8-05d3-476e-825a-f31e08ac3bdc",
                "name": "Hotel Samrat"
            }, {
                "hotelId": "indiae4ef0d05-f46e-48f3-9bce-a37bfde089a4",
                "name": "Hotel Kalinga Ashok"
            }],
            "status": 1,
            "totalRecord": 2,
            "scopeId": ""
   }

我已通过以下方式解析数据：

var count = Object.keys(responseJSON.result).length;
            let drop_down_data = [];
            for (var i = 0; i < count; i++) {
                console.log(responseJSON.result[i].name) // I need to add 
                drop_down_data.push({ value: responseJSON.result[i].name }); // Create your array of data
            }

并在下拉列表中添加了该数组：

  <Dropdown
       label={'Select hotel name'}
       data={this.state.data}
       baseColor='#79292F'
  />

我已经阅读了所有堆栈溢出的答案。但我无法得到确切的答案。

Answer 1

您可以将数据传递为{value : "", label : ""}

var count = Object.keys(responseJSON.result).length;
            let drop_down_data = [];
            for (var i = 0; i < count; i++) {
                console.log(responseJSON.result[i].name) // I need to add 
                drop_down_data.push({
                value : responseJSON.result[i]. hotelId
                label: responseJSON.result[i].name 
               }); // Create your array of data
            }

//pass your drop_down data to dropdown component 
  <Dropdown
       label={'Select hotel name'}
       data={YOURFINALDATAOBJECT}
       baseColor='#79292F'
  />

Answer 2

const drop_down_data = responseJSON.result.map(element => ({
  value: element.name,
  label: element.hotelId
}));

valueExtractor = val => {
  console.log(val);
};

<Dropdown
  label={"Select hotel name"}
  data={this.state.data}
  baseColor="#79292F"
  valueExtractor={this.valueExtractor}
/>;