Using the axios library

You can also use other libraries for network calls. One very popular library is axios (https://github.com/axios/axios), which you can install in your React app with npm:

npm install axios

You must add the following import command to your React component before using it:

import axios from 'axios';

The axios library has some benefits, such as automatic transformation for JSON data. The following code shows an example call being made with axios:

axios.get('http://someapi.com')
.then(response => console.log(response))
.catch(error => console.log(error));

The axios library has its own call methods for the different HTTP methods. For example, if you want to make a POST request and send an object in the body, axios provides the axios.post method:

axios.post('http://someapi.com', { newObject })
.then(response => console.log(response))
.catch(error => console.log(error));

Now, we are ready to look at practical...