title: React render array keys and objects
body: <p>I have a <code>json</code>-object with multiple arrays inside. These arrays have objects inside which I would like to render in a <code>react</code>-view. Each array has its own key. I did manage to get the Keys of the array displayed but not the objects inside the arrays. This is what I got so far:</p>
  
  <pre><code>const Albums = observer(({ state, releases }) =&gt; (
  
    &lt;div className="wrapper"&gt;
  
      { Object.keys(state.releases).map((key, i) =&gt; { 
          return &lt;div key={key}&gt;&lt;p&gt;{key}&lt;/p&gt;&lt;/div&gt;
              state.releases[key].forEach((album) =&gt; {
                  return &lt;div album={album}&gt;&lt;p&gt;{album}&lt;/p&gt;&lt;/div&gt;;
              })
          })  
      }  
    &lt;/div&gt;
  ))
  </code></pre>
  
  <p>What am I missing/doing wrong here?</p>
  
  <p>** UPDATE **</p>
  
  <p>JSON looks somethinglike this:</p>
  
  <pre><code>[{
      "Key" : [
          {"id" : "1", "blabla" : "balabla"},
          {"id" : "2", "blabla" : "balabla"},
          {"id" : "3", "blabla" : "balabla"}
      ],
      "Another Key" : [
          {"id" : "4", "blabla" : "balabla"},
          {"id" : "5", "blabla" : "balabla"},
          {"id" : "6", "blabla" : "balabla"}
       ]
   }]
  </code></pre>