React Native Material下拉列表从json数据获取id

Ann*_*nie 3 android reactjs react-native dropdown

我已经react-native-material-dropdown在我的 React Native 项目中使用了。我正在从 获取数据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": ""
   }
Run Code Online (Sandbox Code Playgroud)

我已经通过以下方式解析了数据:

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
            }
Run Code Online (Sandbox Code Playgroud)

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

  <Dropdown
       label={'Select hotel name'}
       data={this.state.data}
       baseColor='#79292F'
  />
Run Code Online (Sandbox Code Playgroud)

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

sat*_*mar 5

您可以将数据传递为{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'
  />
Run Code Online (Sandbox Code Playgroud)