React Native By Example

Making Fetch happen

The first thing we will do is make a request to a third-party API during the componentDidMount life cycle. Our intention is to grab a set of JSON data from that API and use it to populate the Picker component that we'll be creating in the next section.

The third-party API that I will be using is a nifty one that produces JSON placeholder data--https://jsonplaceholder.typicode.com.

To grab data from this third-party API, we'll be using the fetch API. fetch is a JavaScript API that does not need to be specifically imported into our file. It returns a promise that contains a response. If we want to use promises, we can call fetch like this:

 fetch(endpoint, object) .then((response) => { return response.json(); }) .then((result) ...