Comment parcourir un tableau de données à Réagir indigènes?

fonction map est utilisé, mais il renvoie en boucle sur console.journal et je ne peut pas rendre les lignes de retour jsx aussi essayé le foreach, mais pas de son aide. ne peut pas rendre les données dans jsx. il est possible de console .enregistrer les données, même à l'intérieur de la boucle . mais pas sur le rendu jsx.

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) => {

  let respdata = response.data ;

  list.respdata(function(y){

    return(<Text>{y.prnt_usernamez}</Text>);

  });

  });

  }

  render() {

   return (

   <View>

    {this.student_data()}

    </View>
    ) 

   } 



   }

OriginalL'auteur i-Square Innovations | 2016-10-20

  1. 9

    student_data() ne retourne rien. Donc, rien ne rendent jamais de student_data().

    Pour un système d'appels, vous devez utiliser componentDidMount().

    • ajouter un nœud response: [], dans la Maison state,
    • remplir un componentDidMount() fonction
    • Puis boucle sur this.state.response dans le render() méthode

    Quelque chose comme:

        export default class Home extends Component {
        constructor(props) {
            super(props);

            this.state = {
                response: [],
                user_namez: "",
                user_pazz: "",
            };
        }

        componentDidMount() {
            axios.get('http://192.168.0.108/easy_backend/app/app_db/stud_data')
            .then((response) => {
                //as soon as the state is updated, component will render using updated values
                this.setState({ response: response});
            });
        }

        render() {
            return (
                <View>
                    {
                        this.state.response.map((y) => {
                            return (<Text>{y.prnt_usernamez}</Text>);
                        })
                    }
                </View>
            );
        }
    }
    je vous remercie . que fait-il.

    OriginalL'auteur Damien Leroux