title: React Native loop with map
body: <p>I'm developing an app in React Native and I have this JSON:</p>
  
  <pre><code>const places = {
    "place1":{
      "title":"title 1",
      "image":"../img/image1.jpeg",
      "description":"description 1.",
    },
    "place2":{
      "title":"title 2",
      "image":"../img/image2.jpeg",
      "description":"description 2.",
    }
  }; 
  </code></pre>
  
  <p>I'd like to output it in a list of elements, I understood that to do this I have to use map() this is my code:</p>
  
  <pre><code>export default class App extends Component{
    render() {
      return (
        &lt;View style={styles.container}&gt;
          {places.map((place) =&gt; {
              return (
                &lt;Text&gt;{place.title}&lt;/Text&gt;
                &lt;Text&gt;{place.description}&lt;/Text&gt;
              )
           })}
        &lt;/View&gt;
      );
    }
  }
  </code></pre>
  
  <p>but it does not work, does anyone know what I'm wrong or how can I reach my goal?</p>