title: Iterating over JSON in React
body: <p>I have following code:</p>
  
  <pre><code>export class Highlights extends React.Component {
      render() {
          return (
              &lt;div&gt;
                  {JSON.stringify(this.props.highlights_data.data)}
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>This prints out the following:</p>
  
  <blockquote>
    <p>{"active":{"label":"Active","value":"12"},"automatic":{"label":"Automatic","value":"8"},"waiting":{"label":"Waiting","value":"1"},"manual":{"label":"Manual","value":"3"}}</p>
  </blockquote>
  
  <p>How can I iterate over the <code>highlights_data.data</code> props to call another Component passing down <code>label</code> and <code>value</code> ?</p>