title: React Object of Objects - How to loop through
body: <p>I have the following encoded JSON:</p>
  
  <pre><code>const data = JSON.parse('{"first":{"aaa":"111","bbb":"2222"},"second":{"aaa":"111","bbb":"2222"}}')
  </code></pre>
  
  <p>After decoding as follows:</p>
  
  <pre><code>{
    "first": {
      "aaa": "111",
      "bbb": "2222"
    },
    "second": {
      "aaa": "111",
      "bbb": "2222"
    }
  }
  </code></pre>
  
  <p>I've then tried a few a number of ways to loop through this data as follows but not work as expected:</p>
  
  <pre><code>{Object.keys(data).map((key, value) =&gt;
      console.log(key);
      &lt;li&gt;{value.aaa}&lt;/li&gt;
  )}
  </code></pre>
  
  <p>I can console.log out the data and see it loops but I can't see to display the aaa or bbb values.</p>
  
  <p>What am I doing wrong here?</p>
  
  <p>thx
  Adam</p>