title: React: Mapping through and rendering from nested object
body: <p>I am currently trying to loop through a nested object and then map values from there but it is not rendering.</p>
  <pre><code>Object {
    &quot;classTags&quot;: Object {
      &quot;Test Class v2&quot;: &quot;f4e2754d-90e5-4904-b9b7-af6c7e66f4ff&quot;,
    },
    &quot;termTags&quot;: Object {},
    &quot;userTags&quot;: Object {
      &quot;User tag&quot;: &quot;bbb658b9-e897-4e6c-b949-bc6db64dff3d&quot;,
    },
  }
  </code></pre>
  <p>My current code looks like so:</p>
  <pre><code>{Object.keys(taskTags).forEach((key) =&gt; {
      Object.keys(taskTags[key]).map((task) =&gt; (
           &lt;View
                style={{
                    backgroundColor: colors.primary,
                    padding: 6,
                    paddingRight: 10,
                    borderRadius: 8,
                    display: &quot;flex&quot;,
                    flexDirection: &quot;row&quot;,
                    alignItems: &quot;center&quot;,
                    marginRight: 0,
                    marginBottom: 6,
                }}
           &gt;
           &lt;Text
               style={{
                   fontSize: 16,
                   color: colors.light,
                   fontWeight: &quot;bold&quot;,
                   marginRight: 10,
               }}
           &gt;
               {task}
           &lt;/Text&gt;
           &lt;TouchableOpacity
               onPress={() =&gt; {          
                   console.log(&quot;do something&quot;);
               }}
           &gt;
               &lt;Icon name=&quot;times&quot; size={16} color={colors.light} /&gt;
           &lt;/TouchableOpacity&gt;
       &lt;/View&gt;
   ));
  })}
  </code></pre>
  <p>Because it is not rendering I am guessing that I am implementing the mapping incorrectly but when using the same logic to console.log the object it is correctly printing.</p>
  <p>What am I doing wrong here?</p>