title: How to render nested JSON inside JSX in react native?
body: <p>I want to list the json response. How do i render nested json inside my jsx?
  following is json response</p>
  
  <pre><code>[{
      "data": {
          "total_students": 13,
          "seats": "",
          "categories": [{
              "id": 28,
              "name": "Economy",
              "slug": "economy",
          }],
          "instructor": {
              "id": "24",
              "name": "Ad",
              "sub": ""
          },
          "menu_order": 0
      },
      "headers": [],
      "status": 200
  }
  </code></pre>
  
  <p>This is how the response looks like. Also rendering in react is as shown below</p>
  
  <pre><code>return this.state.user.map(user =&gt;
  
          &lt;CardSection&gt;
          &lt;View style={styles.thumbnailContainerStyle}&gt;
          &lt;Text key= {user.data.name} style={styles.userStyle}&gt;{this.state.user.data}&lt;/Text&gt;
          &lt;/View&gt;
          &lt;/CardSection&gt;
  </code></pre>
  
  <p>I have tried like the above but getting error in rendering part <code>cannot define name of undefined</code>.What wrong am i doing?please help</p>