mapa se utiliza la función pero devuelve bucle sin fin en la consola.registro y no puedo procesar las filas de retorno jsx también trató el foreach, pero no es de ayuda. no puede representar los datos en jsx. su posible para la consola .registro de los datos incluso en el interior del bucle . pero no en el render 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>
    ) 

   } 



   }

1 Comentario

  1. 12

    student_data() no devuelve nada. Así que nada nunca dejará de student_data().

    Para asincrónica llamadas, debe utilizar componentDidMount().

    • agregar un nodo response: [], en Casa state,
    • rellenar un componentDidMount() función
    • Lazo en this.state.response en el render() método

    Algo como:

        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>
                );
            }
        }

Dejar respuesta

Please enter your comment!
Please enter your name here