title: Rendering both property value and property name of a JS object using .map()
body: <p>Basically I need to render an object into a react component. It looks something like this:</p>
  
  <pre><code>var obj = {
    prop1: "prop1",
    prop2: "prop2",
    prop3: "prop3", 
  }
  </code></pre>
  
  <p>I just want to print out both the property name and the value, and to do so I am using map, which currently looks something like this:</p>
  
  <pre><code>render(){
    return(
     &lt;div&gt;
      {Object.keys(obj).map(function(data, key){
        return (&lt;div&gt;{data}&lt;/div&gt;);
      })}
     &lt;/div&gt;
   );
  }
  </code></pre>
  
  <p>The thing is, the way I have it, I am only able to render the property name, I have tried a few ways to access the property's value, but so far nothing works.</p>
  
  <p>How can I do this?</p>