title: How to render an array within a JSON object in react-native
body: <p>I am developing an app with react-native , using RESTfull api with laravel backend , I have an object that has arrays in it . I am using it to create user's profile page . but I don't know how to render those arrays.
  here is my api response:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{
    meta: {
      code: 200,
      message: 'Success',
      errors: []
    },
    data: {
      users: [
        {
          personal_information: {
            full_name: 'hesam sameni',
            avatar: 'https://aaa/file/image/hesamsameni.jpeg',
            rate: '0.0',
            phone: [],
            location: {
              name: 'something',
              lat: 00,
              long: 00,
              address: 'something',
              distance: 00
            },
            about: {
              quote: 'something',
              bio: 'something'
            },
            topics: {
              a: 'a',
              b: 'b',
              c: 'c',
              d: 'd'
            },
            stats: {
              a: 10,
              b: 0,
              c: 0,
              d: 0,
              e: 0
            },
            experiences: [
              {
                title: 'something',
                organization: 'something',
                start: 'something',
                end: 'something'
              }
            ],
            educations: [
              {
                title: 'something1',
                university: 'something1',
                major: 'something1',
                start: 'something1',
                end: 'something1'
              },
              {
                title: 'something2',
                university: 'something2',
                major: 'something2',
                start: 'something2',
                end: 'something2'
              }
            ]
          }
        }
      ]
    }
  };</code></pre>
  </div>
  </div>
  </p>
  
  <p>For example how can I show educations in user's profile?</p>
  
  <p>here is the render method ( I already got data from api and stored in state <code>{this.state.dataSource}</code></p>
  
  <p>render method:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>render() {
    return (
      &lt;View&gt;
        &lt;FlatList
          data={this.state.dataSource}
          keyExtractor={(item, index) =&gt; index.toString()}
          renderItem={({ item }) =&gt; (
            &lt;View&gt;
              &lt;Text&gt;Name: {item.personal_information.full_name}&lt;/Text&gt;
              &lt;Text&gt;Rate: {item.personal_information.Rate}&lt;/Text&gt;
              &lt;Text&gt;Educations:&lt;/Text&gt;
              // Here I need to display all of user's educations
            &lt;/View&gt;
          )}
        /&gt;
      &lt;/View&gt;
    );
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am not sure if I had to use flatlist since it is only data for 1 specific user , but I didn't know how to render data in other way than flatlist .</p>