O'Reilly logo

React Native By Example by Richard Kho

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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) ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required