React JS - How do I bind json data to a dropdown list

Question

I have a react JS file and I\'m attempting to bind data to a dropdown list. The data is stored in the following testing API/json file: https://api.myjson.com/bins/okuxu ...I wan

Answer 1

In React, you use a declarative approach instead of DOM manipulation:

  {['clientName', 'siteName', 'segmentName'].map(key => (
    
      {this.state.data.map(({ [key]: value }) => {value})}
    
  ))}

This generates the 3 dropdowns with the options populated.