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) => {
return result;
})
We can also call fetch using the async/await keywords:
async fetchAndReturnData (endpoint, object) {
const response = await fetch(endpoint, object);
...