title: How to map over objects in React Native?
body: <p>i need some help in rendering json inside jsx in react native..The response i'm getting from server is object so how do i loop through them?I'm getting a valid response from server , but i'm getting the issue on map method because i think map method work only on arrays.So please help me to do this.Following is json object</p>
  
  <p><strong>JSON</strong></p>
  
  <pre><code>    {
      "content": "&lt;p&gt;&lt;strong&gt;Preliminary Exam; MCQ –1&lt;/strong&gt;&lt;/p&gt;\n",
      "meta": {
          "access": 1,
          "status": 0,
          "progress": 0,
          "marks": 0,
          "max": 60,
          "questions": [
  
              {
                  "type": "single",
                  "hint": "",
                  "explanation": "",
                  "content": "&lt;p&gt;Question Statement :&lt;/p&gt;\n&lt;ol&gt;\n&lt;li&gt;The is question:&lt;/li&gt;\n&lt;/ol&gt;\n",
                  "options": [
                      "(a).Answer1",
                      "(b).Answer2 ",
                      "(c).Answer3 ",
                      "(d).Answer4 "
                  ],
                  "correct": "4",
                  "marks": 4,
                  "user_marks": 0,
                  "status": 0,
                  "marked": null,
                  "auto": 1
              },
              {
                  "type": "single",
                  "hint": "",
                  "explanation": "",
                  "content": "&lt;p&gt;2.Question 2&lt;/p&gt;\n",
                  "options": [
                      "(a) one ",
                      "(b) two  ",
                      "(c) three ",
                      "(d) four"
                  ],
                  "correct": "2",
                  "marks": 4,
                  "user_marks": 0,
                  "status": 0,
                  "marked": null,
                  "auto": 1
              }
          ]
      }
  }
  </code></pre>
  
  <p>I've tried like the following</p>
  
  <p><strong>examplecode</strong></p>
  
  <pre><code>state = { details: [] };
  
  componentWillMount() {
     AsyncStorage.getItem('userdetail').then((value) =&gt; {
         console.log(value);
  
         fetch('https://www.mywebsite.com', {
              method:'GET',
              headers: {
                  'Authorization': value
              }
          })
          .then((response) =&gt; response.json())
          .then((responseData) =&gt;
               this.setState({
                   details:responseData.meta.questions
               })
          );
  
      });
  }
  
  render() {
      console.log(this.state);
      return (
          this.state.details.map( a =&gt;
              &lt;Card&gt;
                  &lt;CardSection&gt;
                      &lt;Text&gt;{a.questions.content}&lt;/Text&gt;
                  &lt;/CardSection&gt;
              &lt;/Card&gt;     
      );
  } 
  </code></pre>
  
  <p>But getting error <code>this.state.details.map</code> is not a function? Is the problem with my rendering method? Please help.</p>