1

Este es mi código:

import React, {Component} from 'react';
import {View, Text, FlatList} from 'react-native';

class SongNameList extends Component {
    constructor() {
        super();
        this.state = {
            dataSource: []
        }
    }

    renderItem = ({item}) => {
        return (<View>
            <Text>
                {item.name}
            </Text>
        </View>)
    }

    componentDidMount() {
        const url = 'https://api.JSON.com/api/?option=ejemplo'
        fetch(url).then((response) => response.json()).then((responseJson) => {
            this.setState({dataSource: responseJson.VXM_POP_ESPANOL_ENERGIZANTE})
        });
    }

    render() {
        return (<View>
            <FlatList
                data = {this.state.dataSource}
                renderItem = {this.renderItem}
                keyExtractor = {(item, index) => index}
                ItemSeparatorComponent = {this.renderSeparator} />
        </View>
        );

    }
}

Este es mi JSON:

introducir la descripción de la imagen aquí

Necesito que igualmente salgan los datos del segundo objeto del JSON

2
  • ¿Ambos objetos tienen la misma estructura?
    – user22721
    Commented el 22 may. 2018 a las 2:01
  • Si pero no eh podido encontrar una manera de como omitir esta parte this.setState({dataSource: responseJson.VXM_POP_ESPANOL_ENERGIZANTE}) en concreto VXM_POP_ESPANOL_ENERGIZANTE para aparezca el otro objeto Commented el 22 may. 2018 a las 2:08

1 respuesta 1

0

Ya que ambos tienen un arreglo como valor puedes crear uno solo concatenandolos y luego pasas este arreglo a tu state

componentDidMount() {
    const url = 'https://api.JSON.com/api/?option=ejemplo'
    fetch(url).then((response) => response.json()).then((responseJson) => {
        let dataSource = [];

        Object.values(responseJson).forEach(item => {
            dataSource = dataSource.concat(item);
        });

        this.setState({dataSource: dataSource})
    });
}
3
  • Esto no seria posible ya que no tengo conocimiento si esos nombres puedan cambiar en un futuro :( Commented el 22 may. 2018 a las 2:42
  • Edite mi respuesta para no depender de los nombres de las llaves
    – user22721
    Commented el 22 may. 2018 a las 2:52
  • Muchas gracias funciono de maravilla me eh quitado el sombrero <3 Commented el 22 may. 2018 a las 3:10

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.