title: Using a map within a map in jsx
body: <pre><code>{normalizedData.map(obj =&gt; 
      &lt;div key={obj.display_date_numberic}&gt;
          &lt;div&gt;{obj.display_date_numberic}&lt;/div&gt;
      &lt;/div&gt;
  
      {!isEmpty(obj.applicants) &amp;&amp; obj.map(obj2 =&gt; 
          &lt;div className="events"&gt;{obj2.person.name}&lt;/div&gt;
      )}
  )}
  </code></pre>
  
  <p>I'm getting an error on the following line: </p>
  
  <pre><code>{!isEmpty(obj.applicants) &amp;&amp; obj.map(obj2 =&gt;
  </code></pre>
  
  <p>Why can't I use the map function inside another map? <code>normalizedData</code> has an array of objects and each <code>obj</code> has another array of objects.</p>