#App4: Listando catalog de Produtos:ListaItens.js

Itens.js

/*
  Usado #App4: Listando catalog de Produto
  Alex
*/

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

export default class Itens extends Component {

  render() {
    return (
			<Text>Detalhes do item...</Text>
    );
  }
}

ListaItens.js

/*
* Usado #App4: Listando catalog de Produtos
*/
import React, { Component } from 'react';
import {
  View,
  Text
} from 'react-native';
import axios from 'axios';
import Itens from './Itens';

export default class ListaItens extends Component {

	constructor(props) {
		super(props);

		this.state = { listaItens: [] };
	}

	componentWillMount() {
		//requisção HTTP
		axios.get('http://faus.com.br/recursos/c/dmairr/api/itens.html')
			.then(response => { this.setState({ listaItens: response.data }); })
			.catch(() => { console.log('Erro ao recuperar os dados'); });
	}

  render() {
    return (
			<View>
				{ this.state.listaItens.map(item => (<Text key={item.titulo}>{item.titulo}</Text>))}
			</View>
    );
  }
}