React Native Cookbook - Second Edition

How to do it...

1. Let's start by importing our dependencies into the App.js file:

import React, { Component } from 'react';import {  StyleSheet,  Text,  TextInput,  TouchableOpacity,  View} from 'react-native';

2. We are going to define a results property on the state. This property will hold the response from the API. We'll need to update the view once we get the response:

export default class App extends Component {  state = {    results: '',  };  // Defined later}const styles = StyleSheet.create({  // Defined later});

3. We'll send the request when the button is pressed. Next, let's create a method to handle that request:

  onLoad = async () => {    this.setState({ results: 'Loading, please wait...' }); const response = await fetch('http://jsonplaceholder.typicode.com/users', ...