title: Getting json object data with react
body: <p>I am attempting to pull data out of json like this, which is imported as "values"</p>
  
  <pre><code>{
    "content": {
        "person": [
          {
            "name": "Test"
            "age" : "24:
          }
      ]
   }
  }
  </code></pre>
  
  <p>I am using <code>.map</code> like below but getting the error <code>.default.map is not a function</code> I believe it is because i have objects not arrays, i've tried a bunch of stuff including <code>object.keys</code> but i'm getting errors all over the place, any direction would be appreciated. </p>
  
  <pre><code>import values from './sample.json'
  
  const vals = values.map((myval, index) =&gt; {
      const items = person.items.map((item, i) =&gt; {
  
          return (
              &lt;div&gt;{item.name}&lt;/div&gt;
          )
      })
  
      return (
          &lt;div&gt;{items}&lt;/div&gt;
      )
  })
  </code></pre>