title: React JSX: rendering nested arrays of objects
body: <p>I have a component with the following render: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  render() {
      const { policy } = this.props;
      let deployment = policy.Deployment;
      let value = policy.value;
      let policyLegend = deployment.policyLegend;
      let policyObj = this.valueToPolicy(policyLegend, value);
      console.log(policy);
      console.log(deployment);
      console.log(value);
      console.log(policyLegend);
      console.log(policyObj);
      return(
        &lt;div&gt;
          &lt;Form onSubmit={ (event) =&gt; this.handleSubmit(event, this.props) }&gt;
            {
              policyLegend.map(function(policy) {
                &lt;div&gt;
                  &lt;h3 key={ policy.id }&gt;{ policy.displayName }&lt;/h3&gt;
                  {
                    policy.values.map(value =&gt; {
                      return(
                        &lt;Form.Field key={ value.name }&gt;
                          &lt;label&gt;{ value.displayName }&lt;/label&gt;
                          &lt;Checkbox toggle /&gt;
                        &lt;/Form.Field&gt;
                      );
                    })
                  }
                &lt;/div&gt;
              })
            }
            &lt;Button name={ 'Submit' } type='submit'&gt;Submit&lt;/Button&gt;
            &lt;Button onClick={ this.props.onCancel }&gt;Cancel&lt;/Button&gt;
          &lt;/Form&gt;
        &lt;/div&gt;
      )
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>policyLegend is an array of objects with a 'values' array inside each object. </p>
  
  <p>When my application builds, I receive no errors but nothing appears on my component page. I'm not sure where I'm going wrong and would appreciate any advice, thank you. </p>