How to generate dropdown according to JSON values

[akiladevinda]

I want to know how to generate dropdown according to my API JSON values. In my case output values are like this

eg :- Choice 1 (Label of the Drop Down)
               -Sub Choice 1 . (Value Data)
               -Sub Choice 2 (Value Data)
               -Sub Choice 3 (Value Data)

       Choice 2 (Label of the second Drop Down)
               -Sub Choice 1 . (Value Data)
               -Sub Choice 2 . (Value Data)
               -Sub Choice 3 . (Value Data)

Like this if API response gives Choice 1 , Choice 2 -> then i need to generate 2 dropdown accordingly.

This is my code and according to my code I only get the last Choice and Choice Data of API response array

 if(responseText.success == true)
        {
          var count = Object.keys(responseText.data).length;  //Getting Array Data Length
          let drop_down_data = [];  //  For Dropdown box
          for(var i=0;i<count;i++){
            // Next Loop for Fetching Choice Items
            var t_count = Object.keys(responseText.data[i].choiceItems).length;
            for(var j=0;j<t_count;j++){

              var Add_On_Name = responseText.data[i].name
              console.log(Add_On_Name)
              this.setState({addOn_name: Add_On_Name});

              this.setState({riceTypeData:responseText.data[i].choiceItems[j].name});
              drop_down_data.push({ value: responseText.data[i].choiceItems[j].name}); 

            }

          }
          this.setState({ drop_down_data , progressDialog:false}); // Set the new state

        }else if(responseText.status == 401 )
        {

        }