title: How to loop through an array of data in React-native?
body: <p>map function is used but it returns endless loop on console.log and i cannot render the rows in return jsx also tried the foreach but its no help. cannot render the data in jsx. its possible to console .log the data even inside the the loop . but not on the render jsx.</p>
  
  <pre><code>import React, { Component } from 'react';
  import { TouchableOpacity,DrawerLayoutAndroid,Picker,ListView } from 'react-native';
  import { Container, Header, Title, Content,List, ListItem, Text, Button, Icon,InputGroup, Input,View } from 'native-base';
  import { Col, Row, Grid } from 'react-native-easy-grid';
  import { Actions } from 'react-native-router-flux';
  import axios from 'axios';
  import styles from '../styles/homestyle';
  export default class Home extends Component {
  
  constructor(props) {
  
  super(props);
  
  this.state = {
    user_namez : "",
    user_pazz : "",
  };
  }
  student_data(){
  
  axios.get('http://192.168.0.108/easy_backend/app/app_db/stud_data')
  
  .then((response) =&gt; {
  
    let respdata = response.data ;
  
    list.respdata(function(y){
  
      return(&lt;Text&gt;{y.prnt_usernamez}&lt;/Text&gt;);
  
    });
  
    });
  
    }
  
    render() {
  
     return (
  
     &lt;View&gt;
  
      {this.student_data()}
  
      &lt;/View&gt;
      ) 
  
     } 
  
  
  
     }
  </code></pre>